:root{color-scheme:light;--brand: #ed4871;--brand-strong: #d93860;--brand-soft: #fff0f4;--brand-border: #ffd0dc;--brand-gradient: linear-gradient(135deg, #ff6b8e 0%, #ed4871 55%, #c92f5a 100%);--primary: var(--brand);--primary-light: var(--brand-soft);--bg: #f5f6f8;--surface: #ffffff;--surface-sunken: #f9fafb;--surface-hover: #f2f4f7;--surface-active: #eceff3;--sidebar-bg: #fcfcfd;--overlay: rgba(16, 20, 28, .48);--border: #e4e7ec;--border-strong: #d0d5dd;--text: #161b26;--text-secondary: #4b5565;--text-muted: #7a8494;--text-inverse: #ffffff;--ok: #157a4f;--ok-bg: #e9f7ef;--ok-border: #bfe5d0;--warn: #8a5a00;--warn-bg: #fdf4e3;--warn-border: #f2deb4;--danger: #b42330;--danger-bg: #fdeced;--danger-border: #f5cdd0;--danger-solid: #c8323f;--info: #1f5aa8;--info-bg: #ebf2fc;--info-border: #cadcf4;--neutral: #4b5565;--neutral-bg: #eef1f4;--neutral-border: #dce1e8;--skeleton-a: #eef1f4;--skeleton-b: #f7f8fa;--chart-1: #ed4871;--chart-2: #4a7fc1;--chart-3: #3f9472;--chart-4: #d9a44e;--chart-5: #8566cf;--chart-6: #3fa3a0;--font: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 12.5px;--text-base: 13.5px;--text-md: 15px;--text-lg: 17px;--text-xl: 21px;--text-2xl: 27px;--text-3xl: 32px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 4px 12px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 20px 40px -8px rgba(16, 24, 40, .18), 0 6px 12px -4px rgba(16, 24, 40, .06);--sidebar-width: 248px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--ease: cubic-bezier(.2, 0, 0, 1);--z-sticky: 10;--z-drawer: 90;--z-modal: 100;--z-popover: 150;--z-toast: 200}:root[data-theme=dark]{color-scheme:dark;--brand: #f0587e;--brand-strong: #ff86a3;--brand-soft: rgba(240, 88, 126, .14);--brand-border: rgba(240, 88, 126, .38);--bg: #0e1117;--surface: #161a22;--surface-sunken: #12151c;--surface-hover: #1c212b;--surface-active: #232937;--sidebar-bg: #12151c;--overlay: rgba(0, 0, 0, .62);--border: #252b36;--border-strong: #343c4a;--text: #e7eaf0;--text-secondary: #aeb6c3;--text-muted: #7d8696;--text-inverse: #ffffff;--ok: #4fc490;--ok-bg: rgba(79, 196, 144, .12);--ok-border: rgba(79, 196, 144, .32);--warn: #e8b85c;--warn-bg: rgba(232, 184, 92, .12);--warn-border: rgba(232, 184, 92, .32);--danger: #f27a83;--danger-bg: rgba(242, 122, 131, .12);--danger-border: rgba(242, 122, 131, .34);--danger-solid: #d23a48;--info: #72a9f0;--info-bg: rgba(114, 169, 240, .12);--info-border: rgba(114, 169, 240, .32);--neutral: #aeb6c3;--neutral-bg: #222833;--neutral-border: #313846;--skeleton-a: #1d222c;--skeleton-b: #262c38;--chart-1: #f0587e;--chart-2: #6b9de0;--chart-3: #4fb88a;--chart-4: #e3b261;--chart-5: #9d83e0;--chart-6: #4dbab6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 12px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 40px -8px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand-strong);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.page{padding:var(--sp-6);max-width:1600px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.page-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}.page-subtitle{margin-top:var(--sp-1);font-size:var(--text-base);color:var(--text-muted)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.grid{display:grid;gap:var(--sp-4)}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.card-title{font-size:var(--text-md);font-weight:600}.card-body{padding:var(--sp-5)}.card-body-flush{padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-4);height:34px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--text-base);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.btn-danger{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){filter:brightness(.93);background:var(--danger-solid);border-color:var(--danger-solid)}.btn-icon{width:34px;padding:0}.btn-icon.btn-sm{width:28px;padding:0}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:transparent}.btn-sm{height:28px;padding:0 var(--sp-3);font-size:var(--text-sm)}.btn-link{border:none;background:none;padding:0;height:auto;color:var(--brand-strong);font-weight:500;cursor:pointer}.btn-link:hover{text-decoration:underline;background:none}.field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.field-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.field-hint{font-size:var(--text-xs);color:var(--text-muted)}.field-error{font-size:var(--text-xs);color:var(--danger)}.input,.select,.textarea{width:100%;height:34px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:var(--text-base)}.textarea{height:auto;min-height:76px;padding:var(--sp-2) var(--sp-3);resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input:disabled,.select:disabled{background:var(--surface-sunken);color:var(--text-muted)}.input-invalid{border-color:var(--danger)}.checkbox-row{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-base);cursor:pointer}.checkbox-row input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);background:var(--surface-sunken);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.filters-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-2)}@media (min-width: 720px){.filters-actions{grid-column:span 2}}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table th{position:sticky;top:0;z-index:1;padding:var(--sp-3) var(--sp-4);text-align:left;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--surface-sunken);border-bottom:1px solid var(--border);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text)}.table th .sort-arrow{display:inline-flex;vertical-align:-2px;margin-left:var(--sp-1);color:var(--brand)}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .actions{white-space:nowrap;text-align:right}.rating{display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.rating>svg{color:var(--warn);fill:currentColor}.icon-picker{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.icon-swatch{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);cursor:pointer}.icon-swatch:hover{background:var(--surface-hover);color:var(--text)}.icon-swatch-active,.icon-swatch-active:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.inline-icon{display:inline-block;vertical-align:-.15em}.cell-primary{font-weight:500}.cell-muted{color:var(--text-muted);font-size:var(--text-sm)}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-full);border:1px solid;font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge-ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.badge-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.badge-danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.badge-info{color:var(--info);background:var(--info-bg);border-color:var(--info-border)}.badge-neutral{color:var(--neutral);background:var(--neutral-bg);border-color:var(--neutral-border)}.badge-brand{color:var(--brand-strong);background:var(--brand-soft);border-color:var(--brand-border)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary)}.empty{padding:var(--sp-10) var(--sp-5);text-align:center;color:var(--text-muted)}.empty-icon{display:block;margin:0 auto var(--sp-3);color:var(--border-strong);stroke-width:1.5}.empty-title{font-size:var(--text-md);font-weight:500;color:var(--text-secondary);margin-bottom:var(--sp-1)}.error-box{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);font-size:var(--text-base)}.error-box>svg{flex-shrink:0;margin-top:2px}.error-box-warn{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.error-box-info{border-color:var(--info-border);background:var(--info-bg);color:var(--info)}.skeleton{background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:200% 100%;animation:skeleton 1.3s ease-in-out infinite;border-radius:var(--radius-sm);height:12px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--overlay);animation:fade-in .14s var(--ease)}.modal{width:100%;max-width:560px;max-height:calc(100vh - 96px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in .18s var(--ease)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.985)}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal{animation:none}}.modal-wide{max-width:860px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-body{padding:var(--sp-5);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:var(--sp-3) var(--sp-4);border:none;background:none;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--text)}.tab-active{color:var(--brand-strong);border-bottom-color:var(--brand)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--sp-4)}.stat{padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-2)}.stat-value{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-note{margin-top:var(--sp-1);font-size:var(--text-sm);color:var(--text-muted)}.dl{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:var(--sp-3) var(--sp-4);font-size:var(--text-base)}.dl dt{color:var(--text-muted)}.dl dd{margin:0;word-break:break-word}.toast-stack{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);max-width:380px}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid;box-shadow:var(--shadow);font-size:var(--text-base);background:var(--surface)}.toast>svg{flex-shrink:0;margin-top:2px}.toast-success{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.toast-error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3) var(--sp-4)}.form-grid .span-all{grid-column:1 / -1}.form-section-title{margin:0 0 var(--sp-3);font-size:var(--text-md);font-weight:600;color:var(--text)}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);align-items:start}@media (max-width: 1100px){.review-layout{grid-template-columns:minmax(0,1fr)}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.photo-tile{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-sunken)}.photo-tile img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.photo-tile-excluded img{opacity:.3}.photo-tile-cover{border:2px solid var(--brand)}.photo-tile-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);font-size:var(--text-xs)}.checklist-item{display:flex;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer}.checklist-item-done{border-color:var(--ok-border);background:var(--ok-bg)}.checklist-item input{margin-top:2px}.bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);background:var(--brand-soft)}.hours-table td{vertical-align:middle}.hours-table .input{max-width:120px}.thumb{width:48px;height:36px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-sunken)}.tag-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap}button.tag-chip:hover{border-color:var(--text-muted);color:var(--text)}.tag-chip-add{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok);font-weight:600}.tag-chip-remove{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger);font-weight:600;text-decoration:line-through}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-family:var(--font);font-size:var(--text-xs);font-weight:500;line-height:1}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:var(--radius-full);background:var(--brand);color:var(--text-inverse);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.count-pill-muted{background:var(--neutral-bg);color:var(--text-secondary)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;font-size:var(--text-sm);font-weight:700;letter-spacing:.02em}.avatar-lg{width:44px;height:44px;font-size:var(--text-md)}.menu{position:absolute;z-index:var(--z-popover);min-width:220px;padding:var(--sp-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in .14s var(--ease)}.menu-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:var(--text-base);text-align:left;cursor:pointer;text-decoration:none}.menu-item:hover,.menu-item[aria-checked=true]{background:var(--surface-hover);text-decoration:none}.menu-item>svg{flex-shrink:0;color:var(--text-muted)}.menu-item-danger,.menu-item-danger>svg{color:var(--danger)}.menu-sep{height:1px;margin:var(--sp-1) 0;background:var(--border)}.menu-label{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--radius);background:var(--surface-active)}.segmented button{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px var(--sp-2);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.map-preview{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken)}.map-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}.map-preview-canvas img{position:absolute;width:256px;height:256px;max-width:none}.map-preview-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);color:var(--brand);fill:var(--surface);filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));pointer-events:none}.map-preview-controls{position:absolute;top:var(--sp-2);right:var(--sp-2);display:flex;flex-direction:column;gap:4px}.map-preview-controls .btn{background:var(--surface)}.map-preview-open,.map-preview-credit{position:absolute;bottom:6px;padding:2px 6px;border-radius:var(--radius-sm);background:#ffffffe0;color:#344054;font-size:var(--text-xs)}.map-preview-open{left:6px;display:inline-flex;align-items:center;gap:4px}.map-preview-credit{right:6px}.place-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-4);align-items:start}@media (max-width: 1100px){.place-layout{grid-template-columns:minmax(0,1fr)}}.place-cover{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:var(--surface-sunken)}.place-cover-empty{display:grid;place-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--text-sm)}.completeness-bar{height:6px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.completeness-bar>span{display:block;height:100%;border-radius:inherit;background:var(--ok);transition:width .3s ease}.completeness-item{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-2) 0;border-top:1px solid var(--border);font-size:var(--text-sm)}.completeness-item:first-child{border-top:none}.completeness-item>svg{flex-shrink:0;margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.stat-grid>div{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);background:var(--surface-sunken)}.stat-grid strong{display:block;font-size:var(--text-lg)}.stat-grid span{color:var(--text-muted);font-size:var(--text-xs)}.view-tabs{display:flex;gap:var(--sp-1);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4) 0}.view-tabs button{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.view-tabs button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.profile-icons{display:inline-flex;gap:6px}.profile-icons>span{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs)}.profile-icons .is-missing{color:var(--danger)}.profile-icons .is-ok{color:var(--text-muted)}.image-tile[draggable=true]{cursor:grab}.image-tile.is-drag-over{outline:2px dashed var(--brand);outline-offset:2px}.sticky-actions{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.sticky-actions .sticky-hint{margin-right:auto;color:var(--text-muted);font-size:var(--text-sm)}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;overflow:hidden;transition:grid-template-columns .2s var(--ease)}.shell-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-width:0;background:var(--sidebar-bg);border-right:1px solid var(--border);overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-2);height:var(--topbar-height);padding:0 var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.brand-link{display:flex;align-items:center;min-width:0}.brand-link:hover{text-decoration:none}.brand-logo{display:block;height:28px;width:auto;max-width:100%}.brand-mark{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);background:var(--brand-gradient);color:#fff;font-size:var(--text-sm);font-weight:800;letter-spacing:.02em}.brand-tag{padding:1px 6px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-strong);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-mobile-close{display:none;margin-left:auto}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-3) var(--sp-3) var(--sp-4);scrollbar-width:thin}.nav-section+.nav-section{margin-top:var(--sp-3)}.nav-title{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3) var(--sp-1);border:none;background:none;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);cursor:pointer;text-align:left}.nav-title>span:first-child{flex:1}.nav-title:hover:not(:disabled){color:var(--text-secondary)}.nav-title:disabled{cursor:default}.nav-title-chevron{transition:transform .15s var(--ease);opacity:.7}.nav-title:disabled .nav-title-chevron{opacity:0}.nav-title-chevron.is-closed{transform:rotate(-90deg)}.nav-link{position:relative;display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:34px;padding:6px var(--sp-3);margin-top:1px;border:none;border-radius:var(--radius);background:none;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}.nav-icon{position:relative;display:inline-flex;flex-shrink:0;color:var(--text-muted)}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.nav-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-link:hover .nav-icon{color:var(--text-secondary)}.nav-link-active,.nav-link-active:hover{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.nav-link-active:before{content:"";position:absolute;left:calc(-1 * var(--sp-3));top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}.nav-link-active .nav-icon{color:inherit}.nav-dot{position:absolute;top:-3px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--brand);border:2px solid var(--sidebar-bg)}.sidebar-footer{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border);flex-shrink:0}.sidebar-collapse{color:var(--text-muted)}@media (min-width: 961px){.shell-collapsed .brand-logo,.shell-collapsed .brand-tag,.shell-collapsed .nav-label,.shell-collapsed .nav-count,.shell-collapsed .nav-title{display:none}.shell-collapsed .brand-mark{display:inline-flex}.shell-collapsed .sidebar-brand{justify-content:center;padding:0}.shell-collapsed .sidebar-nav,.shell-collapsed .sidebar-footer{padding-left:var(--sp-2);padding-right:var(--sp-2)}.shell-collapsed .nav-link{justify-content:center;padding:var(--sp-2) 0}.shell-collapsed .nav-link-active:before{left:calc(-1 * var(--sp-2))}.shell-collapsed .nav-section+.nav-section{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border)}}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--sp-3);height:var(--topbar-height);padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-menu{display:none;margin-left:calc(-1 * var(--sp-2))}.crumbs{display:flex;align-items:center;gap:var(--sp-1);min-width:0;font-size:var(--text-base);overflow:hidden}.crumb{color:var(--text-muted);white-space:nowrap}a.crumb:hover{color:var(--text);text-decoration:none}.crumb-current{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis}.crumb-sep{flex-shrink:0;color:var(--border-strong)}.search-trigger{display:inline-flex;align-items:center;gap:var(--sp-2);width:260px;height:34px;padding:0 var(--sp-2) 0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-base);cursor:pointer;transition:border-color .12s ease,background .12s ease}.search-trigger:hover{border-color:var(--border-strong);background:var(--surface)}.search-trigger-label{flex:1;text-align:left}.topbar-icon{position:relative}.topbar-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--warn);border:2px solid var(--surface)}.topbar-dot-critical{background:var(--danger-solid)}.popover-anchor{position:relative}.menu-right{top:calc(100% + 6px);right:0}.alert-tray{width:360px}.alert-tray-empty{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);color:var(--text-muted)}.alert-tray-empty>svg{color:var(--ok)}.alert-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-sm);color:var(--text)}.alert-row:hover{background:var(--surface-hover);text-decoration:none}.alert-row>svg{color:var(--text-muted);flex-shrink:0}.alert-msg{flex:1;line-height:1.4}.alert-sev{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--info)}.alert-sev-warning{background:var(--warn)}.alert-sev-critical{background:var(--danger-solid)}.account-trigger{display:flex;align-items:center;gap:var(--sp-2);padding:3px var(--sp-2) 3px 3px;border:1px solid transparent;border-radius:var(--radius-full);background:none;cursor:pointer}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--surface-hover);border-color:var(--border)}.account-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.account-name{font-size:var(--text-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-role,.account-email{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chevron{color:var(--text-muted)}.account-menu{width:290px}.account-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3)}.content{flex:1;overflow-y:auto;scroll-behavior:smooth}.state-block{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-5);text-align:center}.state-icon{color:var(--border-strong)}.state-title{font-size:var(--text-lg);font-weight:600}.state-text{max-width:440px;color:var(--text-muted)}.state-detail{max-width:560px;margin:0;padding:var(--sp-3);border-radius:var(--radius);background:var(--surface-sunken);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;text-align:left}.palette-backdrop{align-items:flex-start;padding-top:12vh}.palette{width:100%;max-width:600px;display:flex;flex-direction:column;max-height:70vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop-in .16s var(--ease)}.palette-input-row{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:1px solid var(--border);color:var(--text-muted)}.palette-input{flex:1;height:54px;border:none;background:none;font-size:var(--text-md);color:var(--text)}.palette-input:focus{outline:none}.palette-list{flex:1;overflow-y:auto;padding:var(--sp-2)}.palette-group{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.palette-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border:none;border-radius:var(--radius);background:none;color:var(--text);text-align:left;cursor:pointer}.palette-item>svg{flex-shrink:0;color:var(--text-muted)}.palette-item-active{background:var(--brand-soft)}.palette-item-active>svg{color:var(--brand-strong)}.palette-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-hint{font-size:var(--text-sm);color:var(--text-muted)}.palette-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-muted)}.palette-footer{display:flex;gap:var(--sp-5);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);background:var(--surface-sunken);font-size:var(--text-xs);color:var(--text-muted)}.sidebar-scrim{display:none}@media (max-width: 1180px){.search-trigger{width:auto}.search-trigger-label,.search-trigger .kbd,.account-text,.account-chevron{display:none}}@media (max-width: 960px){.shell,.shell-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-drawer);width:min(300px,86vw);transform:translate(-100%);transition:transform .22s var(--ease);box-shadow:var(--shadow-lg)}.shell-mobile-open .sidebar{transform:none}.shell-mobile-open .sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) - 1);background:var(--overlay)}.sidebar-footer{display:none}.sidebar-mobile-close,.topbar-menu{display:inline-flex}.topbar{padding:0 var(--sp-4)}.crumbs .crumb:not(.crumb-current),.crumbs .crumb-sep{display:none}.page{padding:var(--sp-4)}.page-header{flex-wrap:wrap}}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--bg)}.auth-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sp-10);background:var(--brand-gradient);color:#fff;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a}.auth-hero:before{width:520px;height:520px;right:-180px;top:-160px}.auth-hero:after{width:360px;height:360px;left:-120px;bottom:-140px}.auth-hero>*{position:relative;z-index:1}.auth-hero-logo{align-self:flex-start;box-sizing:content-box;height:30px;width:auto;padding:10px 16px;border-radius:var(--radius-lg);background:#fff;box-shadow:0 8px 24px -8px #500a1e59}.auth-hero-title{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.02em;max-width:460px}.auth-hero-text{margin-top:var(--sp-3);max-width:440px;font-size:var(--text-md);opacity:.88}.auth-hero-points{display:grid;gap:var(--sp-3);margin:var(--sp-8) 0 0;padding:0;list-style:none}.auth-hero-points li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-base)}.auth-hero-points svg{flex-shrink:0;padding:6px;width:30px;height:30px;border-radius:var(--radius);background:#ffffff29}.auth-hero-foot{font-size:var(--text-sm);opacity:.75}.auth-panel{display:grid;place-items:center;padding:var(--sp-8) var(--sp-6)}.auth-card{width:100%;max-width:400px}.auth-screen-single{grid-template-columns:minmax(0,1fr);place-items:center;padding:var(--sp-6)}.auth-screen-single .auth-card{padding:var(--sp-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.auth-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-6)}.brand-logo-lg{height:40px}.auth-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.auth-subtitle{font-size:var(--text-base);color:var(--text-muted);margin-top:var(--sp-1)}.auth-card .input{height:42px}.auth-card .btn-primary{height:42px;font-size:var(--text-md)}.password-wrap{position:relative}.password-wrap .input{padding-right:44px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-mobile-logo{display:none}@media (max-width: 900px){.auth-screen{grid-template-columns:minmax(0,1fr)}.auth-hero{display:none}.auth-mobile-logo{display:block;margin-bottom:var(--sp-5)}}