html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}html{font-family:sans-serif}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{flex-flow:wrap;align-content:flex-start;display:flex}.pure-u{vertical-align:top;display:inline-block}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-5-12,.pure-u-10-24{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-7-12,.pure-u-14-24{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-5-8,.pure-u-15-24{width:62.5%}.pure-u-2-3,.pure-u-16-24{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-3-4,.pure-u-18-24{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-5-6,.pure-u-20-24{width:83.3333%}.pure-u-7-8,.pure-u-21-24{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;line-height:normal;display:inline-block}.pure-button::-moz-focus-inner{border:0;padding:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed;word-spacing:-.43em}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-button{color:#000c;background-color:#e6e6e6;border:#0000;border-radius:2px;padding:.5em 1em;font-family:inherit;font-size:100%;text-decoration:none}.pure-button-hover,.pure-button:hover,.pure-button:focus{background-image:linear-gradient(#0000,#0000000d 40%,#0000001a)}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{border-color:#000;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 6px #0003}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none;background-image:none;border:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{color:#fff;background-color:#0078e7}.pure-button-group .pure-button{border-right:1px solid #0003;border-radius:0;margin:0}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-right:none;border-top-right-radius:2px;border-bottom-right-radius:2px}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{vertical-align:middle;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;padding:.5em .6em;display:inline-block;box-shadow:inset 0 1px 3px #ddd}.pure-form input:not([type]){box-sizing:border-box;border:1px solid #ccc;border-radius:4px;padding:.5em .6em;display:inline-block;box-shadow:inset 0 1px 3px #ddd}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus,.pure-form input:not([type]):focus{border-color:#129fea;outline:0}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:1px auto #129fea}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled],.pure-form input:not([type])[disabled]{cursor:not-allowed;color:#cad2d3;background-color:#eaeded}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{color:#777;background-color:#eee;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{background-color:#fff;border:1px solid #ccc;height:2.25em}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{border:0;margin:0;padding:.35em 0 .75em}.pure-form legend{color:#333;border-bottom:1px solid #e5e5e5;width:100%;margin-bottom:.3em;padding:.3em 0;display:block}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea,.pure-form-stacked input:not([type]){margin:.25em 0;display:block}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-message-inline{vertical-align:middle;display:inline-block}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;vertical-align:middle;width:10em;margin:0 1em 0 0;display:inline-block}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{border-radius:0;margin:0 0 -1px;padding:10px;display:block;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{border-radius:4px 4px 0 0;margin:0;top:1px}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{border-radius:4px;margin:0;top:1px}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{border-radius:0 0 4px 4px;margin:0;top:-2px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form-message-inline{color:#666;vertical-align:middle;padding-left:.3em;font-size:.875em;display:inline-block}.pure-form-message{color:#666;font-size:.875em;display:block}@media only screen and (max-width:480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{text-align:left;width:100%;margin-bottom:.3em;display:block}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form-message-inline,.pure-form-message{padding:.2em 0 .8em;font-size:.75em;display:block}}.pure-menu{box-sizing:border-box}.pure-menu-fixed{z-index:3;position:fixed;top:0;left:0}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{margin:0;padding:0;list-style:none}.pure-menu-item{height:100%;margin:0;padding:0}.pure-menu-link,.pure-menu-heading{white-space:nowrap;text-decoration:none;display:block}.pure-menu-horizontal{white-space:nowrap;width:100%}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{vertical-align:middle;display:inline-block}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{z-index:3;margin:0;padding:0;display:none;position:absolute;top:0;left:100%}.pure-menu-horizontal .pure-menu-children{width:inherit;top:auto;left:0}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{content:"▸";padding-left:.5em;font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"▾"}.pure-menu-scrollable{overflow:hidden scroll}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;padding:.5em 0;overflow:auto hidden}.pure-menu-separator,.pure-menu-horizontal .pure-menu-children .pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{width:auto;display:block}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{cursor:default;background-color:#0000}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected>.pure-menu-link,.pure-menu-selected>.pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;text-align:center;padding:1em 0;font:italic 85%/1 arial,sans-serif}.pure-table td,.pure-table th{font-size:inherit;border-width:0 0 0 1px;border-left-style:solid;border-left-color:#cbcbcb;margin:0;padding:.5em 1em;overflow:visible}.pure-table thead{color:#000;text-align:left;vertical-align:bottom;background-color:#e0e0e0}.pure-table td{background-color:#0000}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom-style:solid;border-bottom-color:#cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.container{background-color:#fafafa;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (prefers-color-scheme:dark){.container{background-color:#000}}.main-content{background:var(--background);flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:48rem;min-height:100vh;padding:8rem 4rem;display:flex}@media (max-width:640px){.main-content{align-items:flex-start}}.logo{filter:invert(0)}@media (prefers-color-scheme:dark){.logo{filter:invert()}}.content-section{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (max-width:640px){.content-section{text-align:left;align-items:flex-start}}.content-section h1{letter-spacing:-.025em;color:#000;max-width:20rem;font-size:1.875rem;font-weight:600;line-height:2.5rem}@media (prefers-color-scheme:dark){.content-section h1{color:#fafafa}}.content-section p{color:#52525b;max-width:28rem;font-size:1.125rem;line-height:2rem}@media (prefers-color-scheme:dark){.content-section p{color:#a1a1aa}}.content-section a{color:#0a0a0a;font-weight:500;text-decoration:none}@media (prefers-color-scheme:dark){.content-section a{color:#fafafa}}.button-group{flex-direction:column;gap:1rem;font-size:1rem;font-weight:500;display:flex}@media (min-width:640px){.button-group{flex-direction:row}}.button-primary{color:#fff;background-color:#171717;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;padding:0 1.25rem;text-decoration:none;transition:background-color .2s;display:flex}.button-primary:hover{background-color:#383838}@media (prefers-color-scheme:dark){.button-primary:hover{background-color:#ccc}}@media (min-width:768px){.button-primary{width:158px}}.button-secondary{width:100%;height:3rem;color:var(--foreground);border:1px solid #00000014;border-radius:9999px;justify-content:center;align-items:center;padding:0 1.25rem;text-decoration:none;transition:all .2s;display:flex}.button-secondary:hover{background-color:#0000000a;border-color:#0000}@media (prefers-color-scheme:dark){.button-secondary{border-color:#ffffff25}.button-secondary:hover{background-color:#1a1a1a}}@media (min-width:768px){.button-secondary{width:158px}}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{color:var(--foreground);font-size:2rem;font-weight:700}.back-link{color:#0070f3;font-weight:500;text-decoration:none}.back-link:hover{text-decoration:underline}.demo-links{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;margin:2rem 0;display:grid}.demo-card{color:var(--foreground);background:var(--background);border:1px solid #0000001a;border-radius:12px;padding:2rem;text-decoration:none;transition:all .2s}.demo-card:hover{border-color:#0070f3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (prefers-color-scheme:dark){.demo-card{border-color:#ffffff25}.demo-card:hover{border-color:#0070f3}}.demo-card h2{color:#0070f3;margin:0 0 .5rem;font-size:1.5rem}.demo-card p{color:#666;margin:0;line-height:1.6}@media (prefers-color-scheme:dark){.demo-card p{color:#a1a1aa}}.features-list{background:#0070f30d;border-radius:12px;width:100%;margin-top:3rem;padding:2rem}.features-list h3{margin:0 0 1rem;font-size:1.25rem}.features-list ul{margin:0;padding-left:1.5rem}.features-list li{margin:.5rem 0;line-height:1.6}.cache-info{background:#10b9811a;border-left:4px solid #10b981;border-radius:8px;margin:2rem 0;padding:1.5rem}.cache-badge{color:#fff;background:#10b981;border-radius:4px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.cache-details p{margin:.5rem 0;font-size:.95rem}.cache-details strong{font-weight:600}.cache-note{color:#059669;border-top:1px solid #10b9814d;margin-top:1rem;padding-top:1rem;font-style:italic}@media (prefers-color-scheme:dark){.cache-note{color:#34d399}}.dynamic-section{background:#fb923c1a;border-left:4px solid #f97316;border-radius:8px;margin:2rem 0;padding:1.5rem}.dynamic-section h3{color:#ea580c;margin:0 0 1rem}@media (prefers-color-scheme:dark){.dynamic-section h3{color:#fb923c}}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.product-card{color:var(--foreground);background:var(--background);border:1px solid #0000001a;border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .2s}.product-card:hover{border-color:#0070f3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (prefers-color-scheme:dark){.product-card{border-color:#ffffff25}}.product-card h2{margin:0 0 .5rem;font-size:1.25rem}.product-category{color:#0070f3;background:#0070f31a;border-radius:4px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;display:inline-block}.product-description{color:#666;margin:1rem 0;line-height:1.6}@media (prefers-color-scheme:dark){.product-description{color:#a1a1aa}}.product-footer{border-top:1px solid #0000001a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}@media (prefers-color-scheme:dark){.product-footer{border-top-color:#ffffff25}}.product-price{color:#10b981;font-size:1.5rem;font-weight:700}.product-stock{color:#666;font-size:.875rem}@media (prefers-color-scheme:dark){.product-stock{color:#a1a1aa}}.product-detail-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.product-detail-header h1{margin:0;font-size:2.5rem;font-weight:700}.product-category-badge{color:#fff;background:#0070f3;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.product-detail-content{gap:2rem;margin:2rem 0;display:grid}.product-detail-section{background:#00000005;border-radius:12px;padding:2rem}@media (prefers-color-scheme:dark){.product-detail-section{background:#ffffff0d}}.product-detail-section h2{margin:0 0 1rem;font-size:1.5rem}.product-specs{grid-template-columns:auto 1fr;gap:1rem 2rem;margin:0;display:grid}.product-specs dt{font-weight:600}.product-specs dd{margin:0}.price-large{color:#10b981;font-size:2rem;font-weight:700}.in-stock{color:#10b981;font-weight:600}.out-of-stock{color:#ef4444;font-weight:600}.admin-actions{gap:2rem;margin:2rem 0;display:grid}.action-section{background:#00000005;border-radius:12px;padding:2rem}@media (prefers-color-scheme:dark){.action-section{background:#ffffff0d}}.action-section h2{margin:0 0 1rem;font-size:1.5rem}.action-section form{margin:1rem 0}.action-note{color:#666;margin:.5rem 0 0;font-size:.875rem}@media (prefers-color-scheme:dark){.action-note{color:#a1a1aa}}.action-note code{background:#0000001a;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.875rem}@media (prefers-color-scheme:dark){.action-note code{background:#ffffff1a}}.demo-notes{background:#0070f30d;border-radius:12px;margin:3rem 0;padding:2rem}.demo-notes h3{margin:0 0 1rem;font-size:1.25rem}.demo-notes ul,.demo-notes ol{margin:1rem 0;padding-left:1.5rem}.demo-notes li{margin:.75rem 0;line-height:1.6}.demo-notes code{background:#0000001a;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.875rem}@media (prefers-color-scheme:dark){.demo-notes code{background:#ffffff1a}}.demo-notes a{color:#0070f3;text-decoration:none}.demo-notes a:hover{text-decoration:underline}.loading{text-align:center;color:#666;padding:1rem;font-style:italic}@media (prefers-color-scheme:dark){.loading{color:#a1a1aa}}.dashboard-layout{flex-direction:column;gap:2rem;width:100%;max-width:1200px;min-height:100vh;padding:2rem;display:flex}.dashboard-header{text-align:center}.dashboard-header h1{color:var(--foreground);margin:0 0 .5rem;font-size:2rem;font-weight:700}.layout-description{color:#666;margin:0;line-height:1.6}@media (prefers-color-scheme:dark){.layout-description{color:#a1a1aa}}.dashboard-main{background:#0070f30d;border-radius:12px;padding:2rem}.dashboard-content h1{margin:0 0 1rem;font-size:1.875rem;font-weight:700}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.stat-card{background:var(--background);border:1px solid #0000001a;border-radius:8px;padding:1.5rem}@media (prefers-color-scheme:dark){.stat-card{border-color:#ffffff25}}.stat-card h3{text-transform:uppercase;color:#666;margin:0 0 .5rem;font-size:.875rem;font-weight:600}@media (prefers-color-scheme:dark){.stat-card h3{color:#a1a1aa}}.stat-number{color:var(--foreground);margin:0;font-size:2rem;font-weight:700}.parallel-slots{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.slot-wrapper{flex-direction:column;display:flex}.slot-container{background:var(--background);border:1px solid #0000001a;border-radius:12px;height:100%;padding:2rem}@media (prefers-color-scheme:dark){.slot-container{border-color:#ffffff25}}.slot-container h2{color:var(--foreground);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.slot-description{color:#666;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}@media (prefers-color-scheme:dark){.slot-description{color:#a1a1aa}}.analytics-grid{gap:1rem;display:grid}.metric-box{background:#00000005;border-radius:8px;padding:1rem}@media (prefers-color-scheme:dark){.metric-box{background:#ffffff0d}}.metric-box h4{color:#666;margin:0 0 .5rem;font-size:.875rem;font-weight:600}@media (prefers-color-scheme:dark){.metric-box h4{color:#a1a1aa}}.metric-value{color:var(--foreground);margin:0;font-size:1.5rem;font-weight:700}.metric-change{margin-top:.5rem;font-size:.875rem;font-weight:600;display:inline-block}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.team-list{flex-direction:column;gap:1rem;display:flex}.team-member{background:#00000005;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}@media (prefers-color-scheme:dark){.team-member{background:#ffffff0d}}.member-info h4{color:var(--foreground);margin:0 0 .25rem;font-size:1rem;font-weight:600}.member-role{color:#666;margin:0;font-size:.875rem}@media (prefers-color-scheme:dark){.member-role{color:#a1a1aa}}.status-badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.online{color:#fff;background:#10b981}.status-badge.away{color:#fff;background:#f59e0b}.status-badge.offline{color:#fff;background:#6b7280}.team-stats{border-top:1px solid #0000001a;margin-top:1.5rem;padding-top:1.5rem}@media (prefers-color-scheme:dark){.team-stats{border-top-color:#ffffff25}}.team-stats p{color:#666;margin:0;font-size:.875rem}@media (prefers-color-scheme:dark){.team-stats p{color:#a1a1aa}}.info-box{background:#10b9811a;border-left:4px solid #10b981;border-radius:8px;margin-top:2rem;padding:2rem}.info-box h3{color:var(--foreground);margin:0 0 1rem;font-size:1.25rem}.info-box ul{margin:0;padding-left:1.5rem}.info-box li{color:var(--foreground);margin:.5rem 0;line-height:1.6}.revalidation-methods-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.method-card{background:var(--background);border:2px solid #0000001a;border-radius:12px;padding:1.5rem}@media (prefers-color-scheme:dark){.method-card{border-color:#ffffff25}}.method-card h3{color:var(--foreground);margin:0 0 .75rem;font-family:monospace;font-size:1.25rem;font-weight:700}.method-description{color:#666;min-height:3em;margin:0 0 1rem;font-size:.875rem;line-height:1.5}@media (prefers-color-scheme:dark){.method-description{color:#a1a1aa}}.path-buttons{gap:.5rem;display:flex}.path-buttons form{flex:1}.path-buttons button{width:100%}.admin-button-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.admin-button{text-align:left;background:var(--background);cursor:pointer;border:2px solid;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:1rem;transition:all .2s;display:flex}.admin-button.soft{color:#3b82f6;border-color:#3b82f6}.admin-button.soft:hover{background:#3b82f61a;transform:translateY(-2px)}.admin-button.hard{color:#ef4444;border-color:#ef4444}.admin-button.hard:hover{background:#ef44441a;transform:translateY(-2px)}.admin-button .button-label{margin-bottom:.5rem;font-size:1rem;font-weight:600}.admin-button .button-desc{opacity:.8;font-family:monospace;font-size:.75rem}.product-revalidation-grid{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.product-revalidation-row{background:#00000005;border:1px solid #0000001a;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}@media (prefers-color-scheme:dark){.product-revalidation-row{background:#ffffff0d;border-color:#ffffff25}}.product-id{min-width:100px;font-size:1rem;font-weight:600}.product-actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-button-small{cursor:pointer;background:var(--background);border:2px solid;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.admin-button-small.soft{color:#3b82f6;border-color:#3b82f6}.admin-button-small.soft:hover{background:#3b82f61a;transform:translateY(-2px)}.admin-button-small.hard{color:#ef4444;border-color:#ef4444}.admin-button-small.hard:hover{background:#ef44441a;transform:translateY(-2px)}.admin-button-small.update{color:#10b981;border-color:#10b981}.admin-button-small.update:hover{background:#10b9811a;transform:translateY(-2px)}.admin-button-medium{cursor:pointer;background:var(--background);border:2px solid;border-radius:6px;flex-direction:column;align-items:center;min-width:120px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.admin-button-medium.soft{color:#3b82f6;border-color:#3b82f6}.admin-button-medium.soft:hover{background:#3b82f61a;transform:translateY(-2px)}.admin-button-medium.hard{color:#ef4444;border-color:#ef4444}.admin-button-medium.hard:hover{background:#ef44441a;transform:translateY(-2px)}.admin-button-medium.update{color:#10b981;border-color:#10b981}.admin-button-medium.update:hover{background:#10b9811a;transform:translateY(-2px)}.button-label-small{margin-bottom:.25rem;font-size:.875rem;font-weight:600}.button-api{opacity:.7;font-family:monospace;font-size:.65rem;font-weight:500}.legend-grid{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.legend-item{align-items:center;gap:1rem;display:flex}.legend-badge{text-align:center;border-radius:6px;min-width:80px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.legend-badge.soft{color:#3b82f6;background:#3b82f61a;border:2px solid #3b82f6}.legend-badge.hard{color:#ef4444;background:#ef44441a;border:2px solid #ef4444}.legend-badge.update{color:#10b981;background:#10b9811a;border:2px solid #10b981}.legend-text{color:#666;flex:1;font-size:.875rem;line-height:1.5}@media (prefers-color-scheme:dark){.legend-text{color:#a1a1aa}}@media (max-width:640px){.product-revalidation-row{flex-direction:column;align-items:flex-start;gap:.75rem}.product-actions{width:100%}.admin-button-small{flex:1}}