:root{--brand-900: #0f2e29;--brand-800: #143b34;--brand-700: #1b4b43;--brand-600: #236055;--brand-100: #dfeae6;--brand-050: #f0f6f4;--brand-text: #1b4b43;--accent-700: #b1512f;--accent-600: #d97757;--accent-100: #fbe7de;--ink-900: #14181a;--ink-700: #3a4144;--ink-500: #6b7376;--ink-400: #8b9396;--ink-200: #d9dedf;--ink-100: #eceff0;--ink-050: #f6f8f8;--surface: #ffffff;--canvas: #f4f6f6;--ok-700: #1f6b3d;--ok-100: #e3f3e8;--warn-700: #9a5412;--warn-100: #fceedd;--danger-700: #a32d1e;--danger-600: #c3402d;--danger-100: #fbe6e2;--info-700: #1f5a7a;--info-100: #e2f0f7;--font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 26, .06), 0 1px 3px rgba(16, 24, 26, .04);--shadow: 0 2px 6px rgba(16, 24, 26, .07), 0 8px 24px rgba(16, 24, 26, .06);--shadow-lg: 0 12px 40px rgba(16, 24, 26, .16);--ring: 0 0 0 3px rgba(35, 96, 85, .28);--nav-w: 232px;--header-h: 56px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink-900: #eef1f1;--ink-700: #c3cacb;--ink-500: #949c9e;--ink-400: #7a8284;--ink-200: #333b3d;--ink-100: #262d2f;--ink-050: #1d2325;--surface: #171d1f;--canvas: #101517;--brand-100: #1d3b35;--brand-050: #162925;--brand-text: #7fc9b4;--accent-100: #402219;--ok-100: #16301f;--warn-100: #362413;--danger-100: #3a1d18;--info-100: #14303d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 8px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--ink-900: #eef1f1;--ink-700: #c3cacb;--ink-500: #949c9e;--ink-400: #7a8284;--ink-200: #333b3d;--ink-100: #262d2f;--ink-050: #1d2325;--surface: #171d1f;--canvas: #101517;--brand-100: #1d3b35;--brand-050: #162925;--brand-text: #7fc9b4;--accent-100: #402219;--ok-100: #16301f;--warn-100: #362413;--danger-100: #3a1d18;--info-100: #14303d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 8px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--canvas);color:var(--ink-900);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--text-2xl);font-weight:650;letter-spacing:-.015em}h2{font-size:var(--text-lg);font-weight:650;letter-spacing:-.01em}h3{font-size:var(--text-base);font-weight:650}h4{font-size:var(--text-md);font-weight:650}a{color:var(--brand-600)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-100)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--ink-500)}.hint{color:var(--ink-500);font-size:var(--text-sm)}.subtitle{color:var(--ink-500);font-size:var(--text-md);max-width:68ch}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}code{font-family:var(--font-mono);font-size:.9em;background:var(--ink-100);padding:1px 5px;border-radius:var(--radius-sm)}.app{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100vh}.sidebar{background:var(--brand-800);color:#fff;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s5) var(--s3);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s2) var(--s4);font-weight:700;letter-spacing:-.01em}.sidebar-brand .mark{width:26px;height:26px;border-radius:8px;background:var(--accent-600);display:grid;place-items:center;font-size:var(--text-sm);flex:none}.sidebar-context{padding:0 var(--s2) var(--s4);border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:var(--s3)}.sidebar-context .client{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.sidebar-context .event{font-weight:600;line-height:1.3;margin-top:2px}.nav-link{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;background:none;border:none;color:#ffffffc7;font:inherit;font-size:var(--text-md);font-weight:500;padding:var(--s2) var(--s3);border-radius:var(--radius);cursor:pointer;transition:background .12s ease,color .12s ease}.nav-link:hover{background:#ffffff17;color:#fff}.nav-link.active{background:#ffffff29;color:#fff;font-weight:600}.nav-link .ico{width:18px;text-align:center;flex:none;opacity:.9}.nav-spacer{margin-top:auto}.nav-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:var(--s3);margin-top:var(--s3)}.nav-user{padding:0 var(--s3) var(--s2);font-size:var(--text-xs);color:#ffffff8c;word-break:break-all}.main{min-width:0;display:flex;flex-direction:column}.page{padding:var(--s8) var(--s10) var(--s12);max-width:1180px;width:100%;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s6)}.page-head>div{min-width:0}.page-head h1{margin-bottom:var(--s1)}.section{margin-top:var(--s8)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s3)}.row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.top{align-items:flex-start}.row.bottom{align-items:flex-end}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--s3)}.card{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius-lg);padding:var(--s5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--s4)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}.card.flush{padding:0;overflow:hidden}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s3)}.stat{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);padding:var(--s4)}.stat .num{font-size:var(--text-2xl);font-weight:680;letter-spacing:-.02em;line-height:1.1;color:var(--brand-text);font-variant-numeric:tabular-nums}.stat .label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);margin-top:2px}.stat.warn .num{color:var(--warn-700)}.stat.danger .num{color:var(--danger-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);background:var(--brand-700);color:#fff;border:1px solid transparent;padding:var(--s2) var(--s4);border-radius:var(--radius);font:inherit;font-size:var(--text-md);font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,transform .06s ease}.btn:hover:not(:disabled){background:var(--brand-600)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink-900);border-color:var(--ink-200)}.btn.secondary:hover:not(:disabled){background:var(--ink-050);border-color:var(--ink-400)}.btn.ghost{background:transparent;color:var(--ink-700);border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--ink-100)}.btn.danger{background:var(--danger-600)}.btn.danger:hover:not(:disabled){background:var(--danger-700)}.btn.danger-ghost{background:transparent;color:var(--danger-700);border-color:transparent}.btn.danger-ghost:hover:not(:disabled){background:var(--danger-100)}.btn.sm{padding:var(--s1) var(--s3);font-size:var(--text-sm)}.btn.block{width:100%}.btn.icon{padding:var(--s2);min-width:34px}.btn-group{display:inline-flex;gap:var(--s2);flex-wrap:wrap}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--brand-600);text-decoration:underline;cursor:pointer}.field{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.field>label,.field-label{font-size:var(--text-xs);font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500)}.field .hint{font-size:var(--text-xs)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],select,textarea{font:inherit;font-size:var(--text-md);color:var(--ink-900);background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);padding:var(--s2) var(--s3);width:100%;min-width:0;transition:border-color .12s ease,box-shadow .12s ease}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-500) 50%),linear-gradient(135deg,var(--ink-500) 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--s8)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-600);box-shadow:var(--ring)}input:disabled,select:disabled{background:var(--ink-100);color:var(--ink-400);cursor:not-allowed}input::placeholder{color:var(--ink-400)}input[type=color]{padding:2px;height:36px;width:54px;cursor:pointer}input[type=file]{font-size:var(--text-sm)}input[type=range]{width:100%;accent-color:var(--brand-600)}input[aria-invalid=true]{border-color:var(--danger-600)}.checkbox{display:flex;align-items:flex-start;gap:var(--s2);font-size:var(--text-md);cursor:pointer}.checkbox input{width:auto;margin-top:3px;accent-color:var(--brand-600)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s4);align-items:end}.field-error{color:var(--danger-700);font-size:var(--text-sm)}.table-wrap{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius-lg);overflow:auto;box-shadow:var(--shadow-sm)}table.data{width:100%;border-collapse:collapse;font-size:var(--text-md)}table.data th,table.data td{text-align:left;padding:var(--s3);border-bottom:1px solid var(--ink-100);vertical-align:middle}table.data thead th{position:sticky;top:0;z-index:1;background:var(--ink-050);color:var(--ink-500);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--ink-200)}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--ink-050)}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--brand-600)}table.data th .arrow{opacity:.5;margin-left:2px}table.data td.num{font-variant-numeric:tabular-nums}table.data td.actions{white-space:nowrap;text-align:right}table.data .empty-cell{text-align:center;color:var(--ink-500);padding:var(--s10) var(--s4)}tr.dirty td{background:var(--warn-100)}.pager{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s3);font-size:var(--text-sm);color:var(--ink-500)}.badge{display:inline-flex;align-items:center;gap:var(--s1);padding:2px var(--s2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.badge.ok{background:var(--ok-100);color:var(--ok-700)}.badge.full{background:var(--warn-100);color:var(--warn-700)}.badge.over{background:var(--danger-100);color:var(--danger-700)}.badge.none{background:var(--ink-100);color:var(--ink-500)}.badge.info{background:var(--info-100);color:var(--info-700)}.pills{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}.pill{background:var(--surface);border:1px solid var(--ink-200);color:var(--ink-700);border-radius:var(--radius-full);padding:var(--s1) var(--s4);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .12s ease}.pill:hover{border-color:var(--brand-600);color:var(--brand-text)}.pill.active{background:var(--brand-700);border-color:var(--brand-700);color:#fff}.pill.add{border-style:dashed;color:var(--ink-500)}.notice{display:flex;align-items:flex-start;gap:var(--s3);border-radius:var(--radius);padding:var(--s3) var(--s4);font-size:var(--text-md);border:1px solid transparent}.notice .ico{flex:none;line-height:1.4}.notice.warn{background:var(--warn-100);border-color:#9a541240;color:var(--warn-700)}.notice.info{background:var(--info-100);border-color:#1f5a7a38;color:var(--info-700)}.notice.danger{background:var(--danger-100);border-color:#a32d1e40;color:var(--danger-700)}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--ink-100);font-size:var(--text-md)}.alert-item:last-child{border-bottom:none}.empty{text-align:center;padding:var(--s10) var(--s5);color:var(--ink-500)}.empty .big{font-size:1.9rem;margin-bottom:var(--s2);opacity:.7}.empty h3{color:var(--ink-900);margin-bottom:var(--s1)}.toasts{position:fixed;bottom:var(--s5);right:var(--s5);display:flex;flex-direction:column;gap:var(--s2);z-index:200;max-width:min(420px,calc(100vw - 2 * var(--s5)))}.toast{display:flex;align-items:flex-start;gap:var(--s3);background:var(--surface);border:1px solid var(--ink-200);border-left:4px solid var(--brand-600);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--s3) var(--s4);font-size:var(--text-md);animation:toast-in .18s ease-out}.toast.error{border-left-color:var(--danger-600)}.toast.warn{border-left-color:var(--warn-700)}.toast .close{background:none;border:none;color:var(--ink-400);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:0 2px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}dialog.modal{border:1px solid var(--ink-200);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink-900);box-shadow:var(--shadow-lg);padding:0;width:min(520px,calc(100vw - var(--s8)));max-height:85vh}dialog.modal::backdrop{background:#0a101273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog.modal .modal-head{padding:var(--s5) var(--s5) 0}dialog.modal .modal-body{padding:var(--s4) var(--s5);overflow:auto;max-height:60vh}dialog.modal .modal-foot{display:flex;justify-content:flex-end;gap:var(--s2);padding:var(--s4) var(--s5) var(--s5);border-top:1px solid var(--ink-100)}.designer{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s5);align-items:start}.canvas-frame{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius-lg);padding:var(--s3);box-shadow:var(--shadow-sm)}.canvas-frame svg{display:block;width:100%;height:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius)}.canvas-frame .el-table,.canvas-frame .el-decor{cursor:grab}.canvas-frame .el-table:active,.canvas-frame .el-decor:active{cursor:grabbing}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}.legend{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s3);font-size:var(--text-sm);color:var(--ink-500)}.legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--s1);vertical-align:middle}.dot-occupied{background:#4c8c5c;border:1px solid #3b6e48}.dot-available{background:#edeae2;border:1px solid #b9b2a6}.dot-yours{background:var(--accent-600);border:1px solid var(--accent-700)}.side-panel{display:flex;flex-direction:column;gap:var(--s4);position:sticky;top:var(--s5)}.palette h4{margin-bottom:var(--s2);color:var(--ink-500);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--s2)}.palette-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);padding:var(--s2) var(--s1);font:inherit;font-size:var(--text-xs);color:var(--ink-700);cursor:pointer;text-align:center;transition:all .12s ease}.palette-btn:hover{border-color:var(--brand-600);background:var(--brand-050);color:var(--brand-text)}.palette-btn .glyph{font-size:1.15rem;line-height:1.2}.palette-scroll{max-height:210px;overflow-y:auto;padding-right:var(--s1)}.inspector{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius-lg);padding:var(--s4);box-shadow:var(--shadow-sm)}.inspector .stack{gap:var(--s4)}.inspector-empty{color:var(--ink-500);font-size:var(--text-sm);text-align:center;padding:var(--s5) var(--s2)}.reassign-row{padding:var(--s3) 0;border-bottom:1px solid var(--ink-100)}.reassign-row:last-of-type{border-bottom:none}.reassign-row .name{font-weight:650;font-size:var(--text-md);margin-bottom:var(--s2)}.qr-card{display:flex;gap:var(--s5);align-items:center;flex-wrap:wrap}.qr-card img{width:148px;height:148px;border:1px solid var(--ink-200);border-radius:var(--radius);background:#fff;padding:var(--s2)}.link-box{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.link-box input{font-family:var(--font-mono);font-size:var(--text-sm);min-width:240px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--s5);background:linear-gradient(160deg,var(--brand-800),var(--brand-900))}.login-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--s8);width:min(400px,100%)}.login-card h1{font-size:var(--text-xl);margin-bottom:var(--s1)}.skeleton{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-050) 50%,var(--ink-100) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-sm);height:1em}@keyframes shimmer{to{background-position:-200% 0}}.loading-page{display:grid;place-items:center;min-height:60vh;color:var(--ink-500)}@media(max-width:1080px){.designer{grid-template-columns:1fr}.side-panel{position:static}}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s3)}.sidebar-brand,.sidebar-context{width:100%;padding-bottom:var(--s2);margin-bottom:0;border-bottom:none}.nav-link{width:auto}.nav-link .label{display:none}.nav-link .ico{font-size:1.05rem}.nav-spacer{margin-top:0;margin-left:auto}.nav-footer{border-top:none;padding-top:0;margin-top:0;display:flex;gap:var(--s1)}.nav-user{display:none}.page{padding:var(--s5) var(--s4) var(--s10)}.toasts{left:var(--s4);right:var(--s4);bottom:var(--s4);max-width:none}}@media print{.sidebar,.toasts,.no-print,.btn,.pills{display:none!important}.page{padding:0;max-width:none}.card,.canvas-frame,.table-wrap{box-shadow:none;border-color:#ccc;break-inside:avoid}body{background:#fff}.print-only{display:block!important}}.print-only{display:none}