@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--canvas: #090d13;--surface: #121821;--surface-elevated: #18202b;--surface-card: #202a37;--hero-surface: #111a27;--hairline: #283343;--hairline-soft: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .16);--ink: #f4f4f6;--body: #cdcdcd;--mute: #9c9c9d;--ash: #6a6b6c;--primary: #ffffff;--primary-pressed: #e8e8e8;--on-primary: #000000;--accent-blue: #57c1ff;--accent-blue-soft: rgba(87, 193, 255, .15);--accent-red: #ff6161;--accent-red-soft: rgba(255, 97, 97, .15);--accent-green: #59d499;--accent-green-soft: rgba(89, 212, 153, .15);--accent-yellow: #ffc533;--accent-yellow-soft: rgba(255, 197, 51, .15);--stripe-start: #ff6262;--stripe-end: #4f6dff;font-synthesis:none;color-scheme:dark}:root[data-theme=light]{--canvas: #f4f7fb;--surface: #ffffff;--surface-elevated: #edf2f7;--surface-card: #e5ebf3;--hero-surface: #e7eef9;--hairline: #d3dce8;--hairline-soft: rgba(21, 32, 51, .08);--hairline-strong: rgba(21, 32, 51, .2);--ink: #152033;--body: #3a485d;--mute: #65758c;--ash: #929fb0;--primary: #152033;--primary-pressed: #25344c;--on-primary: #ffffff;--accent-blue: #087bb9;--accent-blue-soft: rgba(8, 123, 185, .12);--accent-red: #d83f4f;--accent-red-soft: rgba(216, 63, 79, .11);--accent-green: #137d57;--accent-green-soft: rgba(19, 125, 87, .12);--accent-yellow: #946300;--accent-yellow-soft: rgba(148, 99, 0, .12);color-scheme:light}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;font-feature-settings:"calt","kern","liga","ss03";color:var(--body);background:var(--canvas);letter-spacing:.1px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid var(--hairline-strong);outline-offset:2px}.hero-stripe{position:fixed;z-index:100;top:0;right:0;left:0;height:3px;background:linear-gradient(110deg,var(--stripe-start),var(--stripe-end) 48%,transparent 72%);pointer-events:none}.top-nav{position:sticky;z-index:50;top:0;height:56px;border-bottom:1px solid var(--hairline);background:#090d13e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 48px,1240px);height:100%;margin:0 auto}.wordmark{color:var(--ink);font-size:16px;font-weight:600;text-decoration:none}.top-nav nav{display:flex;gap:4px}.top-nav nav a,.sign-out{padding:5px 10px;border:0;border-radius:9999px;color:var(--mute);background:transparent;font-size:13px;text-decoration:none;cursor:pointer}.top-nav nav a.active{color:var(--ink);background:var(--surface-elevated)}.sign-out{justify-self:end}.nav-actions{display:flex;align-items:center;justify-self:end;gap:4px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--hairline);border-radius:9999px;color:var(--body);background:var(--surface-elevated);font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.theme-toggle:hover{border-color:var(--hairline-strong);color:var(--ink);background:var(--surface-card)}.theme-toggle.is-compact{width:32px;height:32px;padding:0;font-size:15px}.sign-out:hover,.top-nav nav a:hover{color:var(--ink)}.page-container{width:min(100% - 48px,1240px);margin:0 auto}.dashboard-page{padding-bottom:96px}.dashboard-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;min-height:380px;padding:96px 48px 72px;border:1px solid var(--hairline);border-top:0;border-radius:0 0 24px 24px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(98,80,255,.3),transparent 36%),linear-gradient(135deg,#111a2e,#080c14)}.dashboard-hero:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#040810e6,#040810b3 42%,#0408104d),linear-gradient(0deg,rgba(4,8,16,.62) 0%,transparent 52%);content:""}.dashboard-hero-video{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.dashboard-hero-copy{position:relative;z-index:1}.eyebrow{display:block;margin-bottom:16px;color:var(--mute);font-size:12px;font-weight:500;letter-spacing:1.8px}.dashboard-hero h1{margin:0;color:#fff;font-size:clamp(48px,6vw,64px);font-weight:500;line-height:1.08;letter-spacing:-2.8px}.dashboard-hero p,.page-heading p{margin:24px 0 0;color:var(--mute);font-size:16px}.dashboard-hero p{color:#c4cfdf}.dashboard-hero .eyebrow{color:#c0cbe0}.hero-stat{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;min-width:142px;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#070b1259;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stat strong{color:#fff;font-size:40px;font-weight:500;line-height:1}.hero-stat span{margin-top:8px;color:#c4cfdf;font-size:13px}.dashboard-controls{display:flex;align-items:stretch;flex-direction:column;gap:16px;margin-top:24px;padding:20px 24px;border:1px solid var(--hairline);border-radius:14px;background:#121821b8}.filter-row,.control-actions,.category-filter{display:flex;align-items:center;gap:8px}.category-filter{max-width:100%;overflow-x:auto}.control-actions .search-bar{margin-left:auto}.category-filter button{flex:none;padding:4px 10px;border:0;border-radius:9999px;color:var(--body);background:transparent;font-size:14px;cursor:pointer}.category-filter button.active{color:var(--ink);background:var(--surface-elevated)}.status-filter{height:32px;padding:0 28px 0 10px;border:1px solid var(--hairline);border-radius:8px;color:var(--body);background:var(--surface-elevated);font-size:13px}.search-bar{display:flex;align-items:center;width:min(27vw,300px);height:44px;padding:0 10px 0 14px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-elevated);transition:border-color .15s ease}.search-bar:focus-within{border-color:var(--hairline-strong)}.search-bar>span{color:var(--mute);font-size:20px}.search-bar input{min-width:0;flex:1;padding:0 10px;border:0;outline:0;color:var(--body);background:transparent;font-size:14px}.search-bar input::-moz-placeholder{color:var(--mute)}.search-bar input::placeholder{color:var(--mute)}kbd{padding:2px 6px;border:1px solid var(--hairline);border-radius:4px;color:var(--mute);background:linear-gradient(#121212,#0d0d0d);font-family:inherit;font-size:11px;white-space:nowrap}.button-primary,.button-secondary{height:40px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:.2px;cursor:pointer}.button-primary{border:1px solid var(--primary);color:var(--on-primary);background:var(--primary)}.button-primary:hover{background:var(--primary-pressed)}.button-primary:disabled{border-color:var(--ash);color:var(--surface);background:var(--ash);cursor:not-allowed}.button-secondary{border:1px solid var(--hairline-strong);color:var(--body);background:transparent}.add-button{display:inline-flex;align-items:center;gap:12px;height:44px}.add-button kbd{border-color:#0000002e;color:#000000a6;background:#0000000d}.grid-section{margin-top:48px}.grid-section+.grid-section{margin-top:72px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.section-dot{width:8px;height:8px;border-radius:9999px;flex-shrink:0}.section-heading h2{margin:0;color:var(--ink);font-size:20px;font-weight:500}.section-heading span{color:var(--ash);font-size:13px}.dashboard-grid{margin:0 -1px}.grid-item{transition:transform .2s ease}.grid-item.react-draggable-dragging{z-index:10;transform:scale(1.02)}.react-grid-placeholder{border:1px solid var(--hairline-strong)!important;border-radius:10px;background:var(--surface-card)!important;opacity:1!important}.react-resizable-handle:after{border-color:var(--mute)!important}.site-card{display:flex;height:100%;flex-direction:column;overflow:visible;padding:0;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);transition:border-color .15s ease,background .15s ease}.site-card:hover{border-color:var(--hairline-strong);background:var(--surface-elevated)}.site-card.is-pinned{border-color:var(--hairline-strong)}.card-drag-handle{display:flex;align-items:flex-start;justify-content:space-between;cursor:grab}.site-preview{position:relative;height:58%;min-height:150px;flex:none;overflow:hidden;border-bottom:1px solid var(--hairline);border-radius:9px 9px 0 0;background:color-mix(in srgb,var(--site-color) 10%,#111722)}.site-preview:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(4,7,12,.5) 0%,transparent 32%,transparent 66%,rgba(4,7,12,.68) 100%);content:"";pointer-events:none}.site-preview>img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .35s ease,filter .2s ease}.site-card:hover .site-preview>img{transform:scale(1.025);filter:saturate(1.06)}.preview-topline{position:absolute;z-index:2;top:12px;right:12px;left:12px;display:flex;align-items:flex-start;justify-content:space-between}.preview-domain{position:absolute;z-index:2;right:12px;bottom:10px;max-width:calc(100% - 24px);overflow:hidden;padding:4px 8px;border:1px solid rgba(255,255,255,.16);border-radius:9999px;color:#ffffffe0;background:#05080da8;font-size:11px;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-fallback{display:grid;width:100%;height:100%;place-content:center;justify-items:center;gap:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--site-color) 18%,transparent),transparent 55%),radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--site-color) 22%,transparent),transparent 28%)}.preview-fallback>span{font-size:38px}.preview-fallback small{color:var(--mute);font-size:11px}.react-draggable-dragging .card-drag-handle{cursor:grabbing}.icon-tile{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid color-mix(in srgb,var(--site-color) 38%,rgba(255,255,255,.12));border-radius:8px;background:color-mix(in srgb,var(--site-color) 25%,rgba(7,10,16,.86));font-size:24px}.status-badge{padding:2px 8px;border-radius:4px;font-size:12px;line-height:1.5;letter-spacing:.4px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-ok{color:var(--accent-green);background:var(--accent-green-soft)}.status-error{color:var(--accent-red);background:var(--accent-red-soft)}.status-dev{color:var(--accent-yellow);background:var(--accent-yellow-soft)}.status-muted{color:var(--mute);background:var(--surface-elevated)}.site-card-copy{min-height:0;flex:1;padding:14px 16px 10px}.site-card-copy h3{margin:0;overflow:hidden;color:var(--ink);font-size:18px;font-weight:500;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.site-card-copy p{margin:2px 0 0;overflow:hidden;color:var(--mute);font-size:14px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.site-card-copy small{display:block;margin-top:3px;color:var(--ash);font-size:11px}.site-card-actions{display:flex;align-items:center;gap:6px;margin:0 16px;padding:10px 0 16px;border-top:1px solid var(--hairline-soft)}.site-card-actions>button,.menu-trigger,.archive-actions button,.icon-button{height:32px;padding:0 9px;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--ink);background:transparent;font-size:13px;cursor:pointer}.site-card-actions button:hover,.archive-actions button:hover,.icon-button:hover{background:var(--surface-card)}.card-menu{position:relative;margin-left:auto}.menu-popover{position:absolute;z-index:20;top:38px;right:0;width:132px;padding:5px;border:1px solid var(--hairline-strong);border-radius:8px;background:var(--surface-card)}.grid-item:has(.menu-popover){z-index:30}.menu-popover button{width:100%;padding:7px 9px;border:0;border-radius:6px;color:var(--body);background:transparent;text-align:left;font-size:13px;cursor:pointer}.menu-popover button:hover{color:var(--ink);background:var(--surface-elevated)}.danger{color:var(--accent-red)!important}.state-panel,.empty-state{padding:64px 24px;border:1px solid var(--hairline);border-radius:10px;color:var(--mute);background:var(--surface);text-align:center}.state-error{color:var(--accent-red)}.empty-state>div{margin-bottom:16px;color:var(--ash);font-size:32px}.empty-state h2{margin:0;color:var(--ink);font-size:20px;font-weight:500}.empty-state p{margin:8px 0 0;color:var(--mute);font-size:14px}.empty-state.compact{padding:40px 24px}.modal-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:grid;overflow-y:auto;place-items:center;padding:32px 20px;background:#0009}.site-modal{width:min(100%,680px);max-height:calc(100vh - 64px);overflow-y:auto;padding:24px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface)}.confirm-dialog{width:min(100%,400px);padding:24px;border:1px solid var(--hairline-strong);border-radius:16px;background:var(--surface)}.confirm-dialog h2{margin:0 0 8px;color:var(--ink);font-size:18px;font-weight:500}.confirm-dialog p{margin:0 0 20px;color:var(--body);font-size:14px;line-height:1.6}.button-danger{height:36px;padding:8px 16px;border:1px solid var(--hairline-strong);border-radius:8px;background:var(--accent-red-soft);color:var(--accent-red);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s ease}.button-danger:hover:not(:disabled){border-color:var(--accent-red)}.button-danger:disabled{color:var(--ash);background:var(--surface-elevated);cursor:default}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.modal-heading .eyebrow{margin-bottom:6px}.modal-heading h2,.page-heading h1{margin:0;color:var(--ink);font-size:24px;font-weight:500}.icon-button{width:32px;padding:0;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;min-width:0;flex-direction:column;gap:6px}.field>span,.check-field{color:var(--mute);font-size:13px}.field input,.field select,.field textarea{width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--hairline);border-radius:8px;outline:0;color:var(--body);background:var(--surface-elevated);transition:border-color .15s ease}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--hairline-strong)}.field-wide{grid-column:1 / -1}.category-select-row{display:flex;align-items:stretch;gap:6px}.category-select-row select{min-width:0;flex:1}.category-create-toggle,.category-creator button{flex:none;min-height:36px;padding:0 10px;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--ink);background:var(--surface);font-size:12px;cursor:pointer}.category-create-toggle:hover,.category-creator button:hover:not(:disabled){background:var(--surface-card)}.category-creator{display:grid;grid-template-columns:minmax(0,1fr) 40px 112px auto;gap:6px;padding:10px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface-elevated)}.category-creator .category-position-select{min-width:0;font-size:12px}.category-creator .category-color-input{width:40px;min-height:36px;padding:4px;cursor:pointer}.category-creator button{background:var(--primary);color:var(--on-primary)}.category-creator button:disabled{border-color:var(--ash);background:var(--ash);cursor:not-allowed}.category-error{color:var(--accent-red);font-size:11px;line-height:1.5}.color-field{display:flex;align-items:center;height:36px;padding:4px 8px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-elevated)}.color-field input{width:28px;height:26px;min-height:0;padding:0;border:0;background:transparent}.color-field code{margin-left:10px;color:var(--mute);font-size:12px}.icon-picker{position:relative}.icon-picker-trigger{display:grid;width:100%;min-height:42px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 10px 5px 6px;border:1px solid var(--hairline);border-radius:8px;color:var(--body);background:var(--surface-elevated);text-align:left;font-size:13px;cursor:pointer}.icon-picker-trigger:hover,.icon-picker-trigger[aria-expanded=true]{border-color:var(--hairline-strong)}.icon-picker-current{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--hairline);border-radius:7px;background:var(--surface);font-size:18px}.icon-picker-chevron{color:var(--mute);font-size:16px}.icon-picker-panel{position:absolute;z-index:60;top:calc(100% + 7px);left:0;width:min(320px,calc(100vw - 72px));padding:12px;border:1px solid var(--hairline-strong);border-radius:12px;background:var(--surface)}.icon-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.icon-picker-heading strong{color:var(--ink);font-size:12px;font-weight:500}.icon-picker-heading span{color:var(--ash);font-size:11px}.icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.icon-picker-grid button{display:grid;aspect-ratio:1;min-width:0;padding:0;place-items:center;border:1px solid transparent;border-radius:7px;color:var(--ink);background:var(--surface-elevated);font-size:18px;cursor:pointer}.icon-picker-grid button:hover{border-color:var(--hairline-strong);background:var(--surface-card)}.icon-picker-grid button[aria-selected=true]{border-color:var(--accent-blue);background:var(--accent-blue-soft)}.check-field{display:flex;align-items:center;gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--hairline-soft)}.toast-region{position:fixed;z-index:300;right:24px;bottom:24px;display:flex;width:min(360px,calc(100vw - 48px));flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--body);background:var(--surface-elevated);font-size:14px}.toast-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--mute)}.toast-error .toast-dot{background:var(--accent-red)}.toast-success .toast-dot{background:var(--accent-green)}.login-page{display:grid;min-height:100vh;place-items:center;padding:40px 20px;background:radial-gradient(circle at 15% 15%,var(--accent-red-soft),transparent 25%),radial-gradient(circle at 85% 80%,var(--accent-blue-soft),transparent 28%),var(--canvas)}.auth-theme-toggle{position:fixed;z-index:10;top:24px;right:24px}.login-panel{width:min(100%,400px);padding:32px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface)}.login-mark{display:grid;width:48px;height:48px;margin-bottom:32px;place-items:center;border:1px solid rgba(255,87,87,.3);border-radius:8px;color:var(--accent-red);background:var(--accent-red-soft);font-size:20px;font-weight:600}.login-panel .eyebrow{margin-bottom:8px}.login-panel h1{margin:0;color:var(--ink);font-size:40px;font-weight:500;letter-spacing:-1.5px}.login-panel>p{margin:10px 0 28px;color:var(--mute);font-size:14px;line-height:1.6}.login-panel form{display:flex;flex-direction:column;gap:16px}.login-button{width:100%;margin-top:4px}.login-panel>small{display:block;margin-top:18px;color:var(--ash);text-align:center}.forgot-link{display:block;width:100%;margin-top:12px;padding:4px;border:none;background:transparent;color:var(--mute);font-size:13px;text-align:center;cursor:pointer;transition:color .15s ease}.forgot-link:hover:not(:disabled){color:var(--ink)}.forgot-link:disabled{color:var(--ash);cursor:default}.config-notice{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:12px;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--body);background:var(--surface-elevated);font-size:12px;line-height:1.5}.config-notice strong{color:var(--accent-yellow);font-weight:500}.screen-loader{display:grid;min-height:100vh;place-items:center;color:var(--mute)}.archive-page{padding-bottom:96px}.page-heading{padding:96px 0 48px}.page-heading h1{font-size:48px;letter-spacing:-1.8px}.archive-list{display:flex;flex-direction:column;border-top:1px solid var(--hairline)}.archive-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--hairline)}.archive-item h2{margin:0;color:var(--ink);font-size:16px;font-weight:500}.archive-item p{margin:3px 0;overflow:hidden;color:var(--mute);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.archive-item small{color:var(--ash);font-size:11px}.archive-actions{display:flex;gap:8px}.category-page{padding-bottom:96px}.category-create-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:32px;padding:24px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface)}.category-create-panel h2,.category-management-copy h2{margin:0;color:var(--ink);font-size:16px;font-weight:500}.category-create-panel p{margin:5px 0 0;color:var(--mute);font-size:13px}.category-management-fields,.category-edit-form{display:grid;grid-template-columns:minmax(180px,280px) 44px 130px auto;align-items:center;gap:8px}.category-management-fields input,.category-management-fields select,.category-edit-form input{height:40px;min-width:0;padding:7px 10px;border:1px solid var(--hairline);border-radius:8px;outline:0;color:var(--body);background:var(--surface-elevated)}.category-management-fields input[type=color],.category-edit-form input[type=color]{width:44px;padding:5px;cursor:pointer}.category-management-list{border-top:1px solid var(--hairline)}.category-management-item{display:grid;grid-template-columns:14px minmax(0,1fr) 124px auto;align-items:center;gap:16px;min-height:76px;padding:14px 4px;border-bottom:1px solid var(--hairline)}.category-floor-select{display:flex;flex-direction:column;gap:4px}.category-floor-select span{color:var(--ash);font-size:10px}.category-floor-select select{height:34px;padding:0 26px 0 9px;border:1px solid var(--hairline);border-radius:8px;color:var(--body);background:var(--surface-elevated);font-size:12px}.category-management-swatch{width:12px;height:40px;border-radius:9999px}.category-management-copy span{display:block;margin-top:4px;color:var(--mute);font-size:12px}.category-management-actions{display:flex;gap:6px}.category-management-actions button{height:34px;padding:0 11px;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--body);background:transparent;font-size:13px;cursor:pointer}.category-management-actions button:hover{color:var(--ink);background:var(--surface-elevated)}.category-edit-form{grid-column:1 / -1;grid-template-columns:44px minmax(180px,1fr) auto auto;width:100%}.category-edit-form .button-primary,.category-edit-form .button-secondary,.category-management-fields .button-primary{height:40px}.uncategorized-notice{display:flex;gap:14px;margin-top:32px;padding:16px 18px;border:1px dashed var(--hairline-strong);border-radius:10px;color:var(--mute);background:var(--surface-elevated);font-size:13px;line-height:1.6}.uncategorized-notice strong{flex:none;color:var(--ink);font-weight:500}:root[data-theme=light] .top-nav{background:#f4f7fbe6}:root[data-theme=light] .dashboard-hero{background:radial-gradient(circle at 80% 20%,rgba(98,80,255,.3),transparent 36%),linear-gradient(135deg,#111a2e,#080c14)}:root[data-theme=light] .hero-stat{border-color:#ffffff29;background:#070b126b}:root[data-theme=light] .dashboard-controls{background:#ffffffb8}:root[data-theme=light] kbd{background:linear-gradient(#fff,#e8edf4)}:root[data-theme=light] .add-button kbd{border-color:#ffffff52;color:#ffffffc7;background:#ffffff1a}:root[data-theme=light] .modal-backdrop{background:#1b26376b}@media(max-width:900px){.dashboard-hero{min-height:300px;padding:72px 36px 64px}.control-actions{flex-wrap:wrap}.control-actions .search-bar{min-width:200px;flex:1}}@media(max-width:767px){.nav-inner,.page-container{width:min(100% - 32px,1240px)}.nav-inner{grid-template-columns:1fr auto}.top-nav nav{display:none}.dashboard-page,.archive-page,.category-page{padding-bottom:48px}.dashboard-hero{align-items:flex-start;min-height:0;flex-direction:column;gap:40px;padding:56px 24px 40px;border-radius:0 0 18px 18px}.dashboard-hero h1{font-size:44px;letter-spacing:-2px}.hero-stat{align-items:flex-start}.dashboard-controls{margin-top:16px;padding:24px 0;border-right:0;border-left:0;border-radius:0;background:transparent}.filter-row,.control-actions{align-items:stretch;flex-direction:column}.category-filter{max-width:calc(100vw - 32px)}.status-filter,.add-button{width:100%}.control-actions .search-bar{width:100%;margin-left:0}.add-button{justify-content:center}.grid-section,.grid-section+.grid-section{margin-top:48px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.site-modal{max-height:calc(100vh - 32px);padding:20px}.archive-item{grid-template-columns:48px minmax(0,1fr)}.archive-actions{grid-column:1 / -1;justify-content:flex-end}.page-heading{padding:64px 0 40px}.page-heading h1{font-size:40px}.category-create-panel{align-items:stretch;flex-direction:column;gap:18px}.category-management-fields{grid-template-columns:minmax(0,1fr) 44px}.category-management-fields select,.category-management-fields .button-primary{grid-column:1 / -1}.category-edit-form{grid-template-columns:44px minmax(0,1fr)}.category-management-item{grid-template-columns:14px minmax(0,1fr) auto}.category-floor-select{grid-column:2}.category-management-actions{grid-column:3;grid-row:1 / span 2}.category-edit-form .button-secondary,.category-edit-form .button-primary{grid-column:auto}.uncategorized-notice{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){.dashboard-hero-video{display:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.landing-page{min-height:100vh;padding-bottom:96px}.landing-nav{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--canvas) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-nav-inner{display:flex;width:min(100% - 48px,1240px);height:64px;align-items:center;justify-content:space-between;margin:0 auto}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-login-button{height:36px;padding:0 20px}.landing-hero{width:min(100% - 48px,1240px);margin:24px auto 0;border-top:1px solid var(--hairline);border-radius:24px}.landing-body{margin-top:40px}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.showcase-card{display:flex;height:340px;flex-direction:column;padding:0;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.showcase-card:hover{border-color:var(--hairline-strong);background:var(--surface-elevated);transform:translateY(-2px)}.showcase-card .site-preview>img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .35s ease,filter .2s ease}.showcase-card:hover .site-preview>img{transform:scale(1.025);filter:saturate(1.06)}.showcase-lock{padding:4px 8px;border:1px solid rgba(255,255,255,.16);border-radius:9999px;color:#ffffffe6;background:#05080da8;font-size:11px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-footnote{margin:48px 0 0;color:var(--mute);font-size:14px;text-align:center}.landing-inline-link{padding:0 2px;border:none;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(max-width:640px){.landing-hero{padding:72px 24px 40px}}.access-page{padding-bottom:96px}.nav-badge{display:inline-grid;min-width:18px;height:18px;margin-left:6px;padding:0 5px;place-items:center;border-radius:9999px;color:var(--on-primary);background:var(--accent-red);font-size:11px;font-weight:600;line-height:1;vertical-align:middle}.access-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.access-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface)}.access-row.is-decided{background:transparent}.access-info{display:flex;min-width:0;flex-direction:column;gap:3px}.access-info strong{overflow:hidden;color:var(--ink);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.access-info small{color:var(--ash);font-size:12px}.access-actions{display:flex;flex:none;gap:8px}.access-actions .button-primary{height:34px;padding:0 16px}.access-reject{height:34px;padding:0 14px;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--accent-red);background:transparent;font-size:13px;cursor:pointer;transition:background .15s ease}.access-reject:hover:not(:disabled){background:var(--accent-red-soft)}.access-reject:disabled,.access-actions .button-primary:disabled{opacity:.5;cursor:default}