:root{--bg: #F7F5F0;--bg-sunken: #F1EEE7;--bg-card: #FFFFFF;--bg-hover: rgba(20, 18, 12, .035);--bg-active: rgba(46, 92, 30, .07);--overlay: rgba(20, 18, 12, .45);--ink-1: #1A1813;--ink-2: #5C5A52;--ink-3: #8E8B81;--ink-4: #B7B4AA;--border: #E5E1D8;--border-2: #D4CFC2;--border-strong: #1A1813;--brand: #2E5C1E;--brand-2: #244A17;--brand-soft: #E6EFDD;--brand-fg: #1F3F14;--brand-ink: #FFFFFF;--accent: #1E5F6E;--accent-2: #174E5B;--accent-soft: #DCEAEE;--accent-fg: #103D48;--pos: #2E7D3F;--pos-soft: #E1F0E2;--pos-fg: #205929;--neg: #B83B2F;--neg-soft: #F7E3E0;--neg-fg: #88251B;--warn: #B57B0F;--warn-soft: #FAEFD4;--warn-fg: #7E5408;--info: #2A6BB7;--info-soft: #E1ECF8;--info-fg: #1B4F8A;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-pill: 999px;--s-0: 2px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;--t-display: 32px;--t-h1: 22px;--t-h2: 18px;--t-h3: 15px;--t-body: 14px;--t-small: 13px;--t-caption: 12px;--t-overline: 11px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-base: 1.5;--shadow-1: 0 1px 0 rgba(20, 18, 12, .04), 0 1px 2px rgba(20, 18, 12, .04);--shadow-2: 0 1px 0 rgba(20, 18, 12, .05), 0 4px 12px rgba(20, 18, 12, .06);--shadow-pop: 0 8px 24px rgba(20, 18, 12, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font);font-size:var(--t-body);line-height:var(--lh-base);color:var(--ink-1);background:var(--bg);-webkit-font-smoothing:antialiased}.muted{color:var(--ink-3)}.page-loading{padding:40px;color:var(--ink-3)}.form-error{background:var(--neg-soft);color:var(--neg-fg);padding:10px 14px;border-radius:var(--r-2);font-size:var(--t-small);margin:0}button{font-family:inherit;font-size:var(--t-body);cursor:pointer}.btn-primary{background:var(--brand);border:1px solid var(--brand);color:var(--brand-ink);font-weight:600;padding:9px 18px;border-radius:var(--r-2)}.btn-primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn-primary:disabled{background:color-mix(in srgb,var(--brand) 40%,transparent);border-color:transparent;cursor:not-allowed}.btn-ghost{background:var(--bg-card);border:1px solid var(--border-2);color:var(--ink-1);font-weight:500;padding:8px 14px;border-radius:var(--r-2)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger-sm{background:var(--bg-card);border:1px solid var(--neg);color:var(--neg-fg);font-weight:500;padding:5px 11px;border-radius:var(--r-2);font-size:var(--t-small)}.btn-danger-sm:hover{background:var(--neg-soft)}.field{margin-bottom:var(--s-4)}.field label{display:block;font-size:var(--t-overline);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.field input{width:100%;padding:10px 12px;font-size:var(--t-body);font-family:inherit;border:1px solid var(--border-2);border-radius:var(--r-2);background:var(--bg-card);color:var(--ink-1)}.field input:focus{outline:none;border-color:var(--brand)}.field input:disabled{background:var(--bg-sunken);color:var(--ink-3)}.auth-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--s-6)}.auth-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-4);padding:var(--s-7) var(--s-6);box-shadow:var(--shadow-2)}.auth-brand{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6)}.auth-brand-mark{width:32px;height:32px;background:var(--brand);color:var(--brand-ink);border-radius:var(--r-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.auth-brand-parent{font-size:var(--t-overline);font-weight:700;letter-spacing:.1em;color:var(--ink-3)}.auth-brand-child{font-size:var(--t-h2);font-weight:600;color:var(--ink-1)}.auth-title{margin:0 0 var(--s-1);font-size:var(--t-h1);font-weight:600;letter-spacing:-.01em}.auth-sub{margin:0 0 var(--s-5);color:var(--ink-3);font-size:var(--t-small)}.auth-submit{width:100%;margin-top:var(--s-2)}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:var(--s-6);padding:var(--s-4) var(--s-7);background:var(--bg-card);border-bottom:1px solid var(--border)}.app-nav{display:flex;gap:var(--s-1);margin-left:var(--s-4)}.app-nav-tab{padding:8px 16px;font-size:var(--t-body);font-weight:500;color:var(--ink-2);text-decoration:none;border-radius:var(--r-2)}.app-nav-tab:hover{background:var(--bg-hover);color:var(--ink-1)}.app-nav-tab.is-active{background:var(--brand-soft);color:var(--brand-fg)}.app-user{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}.app-brand{display:flex;align-items:center;gap:var(--s-3)}.app-brand-mark{width:28px;height:28px;background:var(--brand);color:var(--brand-ink);border-radius:var(--r-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.app-brand-parent{font-size:var(--t-overline);font-weight:700;letter-spacing:.1em;color:var(--ink-3);line-height:1}.app-brand-child{font-size:var(--t-h3);font-weight:600;color:var(--ink-1);margin-top:2px}.app-user{display:flex;align-items:center;gap:var(--s-3)}.app-user-email{font-size:var(--t-small);color:var(--ink-2)}.app-main{flex:1;padding:var(--s-6) var(--s-7);max-width:1100px;width:100%;margin:0 auto}.empty-state{text-align:center;padding:var(--s-9) var(--s-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-4)}.conn-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-4);margin-bottom:var(--s-5);overflow:hidden}.conn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);flex-wrap:wrap}.conn-name{margin:0;font-size:var(--t-h2);font-weight:600}.conn-meta{font-size:var(--t-small);color:var(--ink-3);margin-top:4px}.conn-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.devices-table{width:100%;border-collapse:collapse;font-size:var(--t-small)}.devices-table th{text-align:left;font-size:var(--t-overline);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-sunken);padding:8px 14px;border-bottom:1px solid var(--border)}.devices-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.devices-table tr:last-child td{border-bottom:none}.devices-table tr.is-revoked{opacity:.55}.dev-uuid{font-family:var(--font-mono);font-size:11px;margin-top:2px}.status-badge{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--t-caption);font-weight:600}.status-active{background:var(--pos-soft);color:var(--pos-fg)}.status-revoked{background:var(--bg-sunken);color:var(--ink-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--s-4)}.modal{background:var(--bg-card);padding:var(--s-6);border-radius:var(--r-4);min-width:360px;max-width:460px;width:100%;box-shadow:var(--shadow-pop);border:1px solid var(--border)}.modal h3{margin:0 0 var(--s-3);font-size:var(--t-h2);font-weight:600}.pair-code-display{text-align:center;font-family:var(--font-mono);font-size:40px;font-weight:700;letter-spacing:.16em;background:var(--brand-soft);color:var(--brand-fg);padding:var(--s-5);border-radius:var(--r-3);-webkit-user-select:all;user-select:all}.info-grid{display:grid;gap:var(--s-2)}.info-row{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--s-4);align-items:baseline}.info-label{font-size:var(--t-overline);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.info-value{color:var(--ink-1);word-break:break-word}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-5)}.conn-picker{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.conn-picker label{font-size:var(--t-small);color:var(--ink-3)}.conn-picker select{padding:6px 12px;font-size:var(--t-body);font-family:inherit;border:1px solid var(--border-2);border-radius:var(--r-2);background:var(--bg-card);color:var(--ink-1)}.catalog-conn-title{margin:0 0 var(--s-4);font-size:var(--t-h1);font-weight:600;letter-spacing:-.01em}.catalog-tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border);margin-bottom:var(--s-4)}.catalog-tab{background:none;border:none;padding:10px 16px;font-size:var(--t-body);font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:var(--s-2)}.catalog-tab:hover{color:var(--ink-1)}.catalog-tab.is-active{color:var(--brand-fg);border-bottom-color:var(--brand)}.catalog-tab-count{background:var(--bg-sunken);color:var(--ink-3);font-size:var(--t-caption);font-weight:600;padding:1px 7px;border-radius:var(--r-pill);min-width:22px;text-align:center}.catalog-tab.is-active .catalog-tab-count{background:var(--brand-soft);color:var(--brand-fg)}.list-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.list-count{font-size:var(--t-small);color:var(--ink-3)}.search-input{flex:1;max-width:360px;padding:8px 12px;font-size:var(--t-body);font-family:inherit;border:1px solid var(--border-2);border-radius:var(--r-2);background:var(--bg-card);color:var(--ink-1)}.search-input:focus{outline:none;border-color:var(--brand)}.list-head .btn-primary{margin-left:auto}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%235C5A52' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px!important;cursor:pointer}.filter-select{padding:8px 12px;font-size:var(--t-body);font-family:inherit;border:1px solid var(--border-2);border-radius:var(--r-2);background-color:var(--bg-card);color:var(--ink-1);max-width:220px}.filter-select:focus{outline:none;border-color:var(--brand)}.history-stats{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-3)}.history-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-3);padding:12px 18px;min-width:110px}.history-stat.is-big{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 25%,transparent)}.history-stat-value{font-size:var(--t-h1);font-weight:700;color:var(--ink-1);font-variant-numeric:tabular-nums}.history-stat.is-big .history-stat-value{color:var(--brand-fg)}.history-stat-label{font-size:var(--t-caption);color:var(--ink-3);text-transform:lowercase;margin-top:2px}.tpl-pill{display:inline-block;padding:2px 9px;border-radius:var(--r-pill);font-size:var(--t-caption);font-weight:500;background:var(--bg-sunken);color:var(--ink-2)}.tpl-pill.tpl-full{background:var(--brand-soft);color:var(--brand-fg)}.tpl-pill.tpl-dates_only{background:var(--accent-soft);color:var(--accent-fg)}.tpl-pill.tpl-start_only{background:var(--warn-soft);color:var(--warn-fg)}.tpl-pill.tpl-custom_start{background:var(--info-soft);color:var(--info-fg)}.clickable-row{cursor:pointer}.clickable-row:hover td{background:var(--bg-hover)}.nowrap{white-space:nowrap}.empty{text-align:center;color:var(--ink-3);padding:var(--s-6)}.th-sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;font-size:var(--t-overline);font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left}.th-sort:hover{color:var(--ink-1)}.th-sort.is-active{color:var(--brand-fg)}.catalog-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-3);overflow:hidden;font-size:var(--t-body)}.catalog-table th{text-align:left;font-size:var(--t-overline);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-sunken);padding:9px 14px;border-bottom:1px solid var(--border)}.catalog-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.catalog-table tr:last-child td{border-bottom:none}.row-actions{text-align:right;white-space:nowrap}.row-actions button+button{margin-left:6px}.btn-ghost-sm{background:var(--bg-card);border:1px solid var(--border-2);color:var(--ink-1);font-weight:500;padding:4px 10px;border-radius:var(--r-2);font-size:var(--t-small)}.btn-ghost-sm:hover{background:var(--bg-hover)}.color-swatch{display:inline-block;width:22px;height:22px;border-radius:var(--r-2);border:1px solid var(--border-2);vertical-align:middle}.color-swatch.sm{width:12px;height:12px}.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:var(--bg-sunken);border-radius:var(--r-pill);font-size:var(--t-small)}.field-row{display:flex;gap:var(--s-3)}.field-row .field{flex:1}.import-tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border);margin-bottom:var(--s-3);margin-top:var(--s-3)}.import-tab{background:none;border:none;padding:8px 14px;font-size:var(--t-small);font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.import-tab:hover:not(:disabled){color:var(--ink-1)}.import-tab:disabled{opacity:.5;cursor:not-allowed}.import-tab.is-active{color:var(--ink-1);border-bottom-color:var(--brand)}.import-tab-count{background:var(--bg-sunken);color:var(--ink-3);font-size:var(--t-caption);font-weight:600;padding:1px 7px;border-radius:var(--r-pill);min-width:22px;text-align:center}.import-tab-count-ok{background:var(--pos-soft);color:var(--pos-fg)}.import-tab-count-err{background:var(--neg-soft);color:var(--neg-fg)}.import-rows-scroll{max-height:360px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-2);margin-bottom:var(--s-3)}.import-rows-table{border:none!important;border-radius:0!important;font-size:var(--t-small)}.import-rows-table th{position:sticky;top:0;z-index:1}.import-new-summary{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);border-radius:var(--r-2);padding:10px 14px;margin-bottom:var(--s-3);font-size:var(--t-small)}.import-new-summary-title{font-size:var(--t-overline);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-fg);margin-bottom:4px}.import-new-summary-line{color:var(--ink-1);margin-top:2px}.import-progress{height:8px;background:var(--bg-sunken);border-radius:var(--r-pill);overflow:hidden;max-width:320px;margin:0 auto}.import-progress-bar{height:100%;background:var(--brand);transition:width .2s}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-sunken);padding:1px 4px;border-radius:var(--r-1);color:var(--ink-1)}.color-field{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-2) 0}.color-toggle{display:inline-flex!important;align-items:center;gap:10px;font-size:var(--t-body)!important;font-weight:500!important;color:var(--ink-1)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;margin-bottom:0!important;-webkit-user-select:none;user-select:none}.color-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand)}.color-swatch-input{width:64px!important;height:32px!important;padding:2px!important;border:1px solid var(--border-2)!important;border-radius:var(--r-2)!important;cursor:pointer;background:var(--bg-card);flex:0 0 auto;margin-left:auto}.field select{width:100%;padding:10px 12px;font-size:var(--t-body);font-family:inherit;border:1px solid var(--border-2);border-radius:var(--r-2);background:var(--bg-card);color:var(--ink-1)}