.global-search[data-v-ac1f394f]{position:relative;width:100%;margin:8px 0}.search-input-wrap[data-v-ac1f394f]{position:relative;display:flex;align-items:center}.search-icon[data-v-ac1f394f]{position:absolute;left:8px;width:16px;height:16px;color:var(--c-text-muted);pointer-events:none}.search-input[data-v-ac1f394f]{width:100%;padding:6px 8px 6px 30px;border:1px solid var(--c-border);border-radius:6px;font-size:.85rem;background:var(--c-bg-input);color:var(--c-text)}.search-input[data-v-ac1f394f]:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 2px #4f8f6326}.search-dropdown[data-v-ac1f394f]{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:4px;background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:360px;overflow-y:auto}.search-item[data-v-ac1f394f]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .1s}.search-item[data-v-ac1f394f]:hover,.search-item.focused[data-v-ac1f394f]{background:var(--c-bg-subtle)}.search-badge[data-v-ac1f394f]{font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;white-space:nowrap}.badge-item[data-v-ac1f394f]{background:var(--c-ok-bg);color:var(--c-ok-text)}.badge-recipe[data-v-ac1f394f]{background:var(--c-badge-bg);color:var(--c-primary)}.badge-skill[data-v-ac1f394f]{background:var(--c-warn-bg);color:var(--c-warn-text)}.badge-station[data-v-ac1f394f]{background:var(--c-badge-bg);color:var(--c-text-muted)}.search-name[data-v-ac1f394f]{flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-class[data-v-ac1f394f]{color:var(--c-text-muted);font-size:.78rem;white-space:nowrap}.search-state[data-v-ac1f394f]{padding:12px;text-align:center;color:var(--c-text-muted);font-size:.85rem;margin:0}.layout-bare[data-v-5ea1d96b]{min-height:100vh}.sidebar-search[data-v-5ea1d96b]{padding:0 12px}.notif-dropdown[data-v-5ea1d96b]{position:absolute;bottom:100%;left:0;width:320px;max-height:400px;overflow-y:auto;background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:200;margin-bottom:8px}.notif-header[data-v-5ea1d96b]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--c-border)}.notif-item[data-v-5ea1d96b]{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;cursor:pointer;transition:background .1s}.notif-item[data-v-5ea1d96b]:hover{background:var(--c-bg-subtle)}.notif-item.unread[data-v-5ea1d96b]{background:var(--c-primary-soft)}.notif-dot[data-v-5ea1d96b]{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.notif-type-approved[data-v-5ea1d96b]{background:var(--c-ok-text)}.notif-type-rejected[data-v-5ea1d96b]{background:var(--c-off-text)}.notif-type-info[data-v-5ea1d96b]{background:var(--c-info)}.notif-content[data-v-5ea1d96b]{flex:1;min-width:0}.notif-msg[data-v-5ea1d96b]{font-size:.85rem;display:block}.notif-time[data-v-5ea1d96b]{color:var(--c-text-muted);font-size:.75rem}.notif-empty[data-v-5ea1d96b]{padding:20px;text-align:center;color:var(--c-text-muted);font-size:.85rem}:root{--c-primary: #0b8f5a;--c-primary-dim: #0a7a4e;--c-primary-soft: rgba(11, 143, 90, .1);--c-bg: #f5f7f6;--c-bg-raised: #ffffff;--c-bg-subtle: #eef3f0;--c-bg-input: #ffffff;--c-bg-sidebar: #ffffff;--c-grad-img: none;--c-text: #111a16;--c-text-muted: #5e7a6e;--c-text-dim: #8fa99d;--c-border: #dce5e0;--c-border-input: #c4d4cb;--c-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--c-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--c-shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--c-shadow-lg: 0 8px 28px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--c-ok-bg: #d4efdf;--c-ok-text: #0f4d32;--c-off-bg: #fee2e2;--c-off-text: #991b1b;--c-warn-bg: #fef3c7;--c-warn-text:#92400e;--c-warn-border:#fcd34d;--c-warn-card: #fffbeb;--c-danger: #c0392b;--c-danger-dim: #a93226;--c-danger-soft: rgba(192, 57, 43, .1);--c-info: #5b8dd9;--c-info-soft: rgba(91, 141, 217, .1);--c-ok-border: #86c9a8;--c-caution: #e67e22;--c-caution-soft: rgba(230, 126, 34, .1);--c-badge-bg: #edf6f1;--c-badge-border: #d2e7dc;--c-create-bg: #e7f6ef;--c-create-border:#a7d7bc;--c-create-text: #1a5c38;--c-delete-bg: #fef2f2;--c-delete-border:#fca5a5;--c-delete-text: #7f1d1d;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--sidebar-w: 260px;--sidebar-w-collapsed: 64px;--topbar-h: 56px;--bp-mobile: 768px;--bp-tablet: 1024px;--bp-desktop: 1440px}html[data-theme=dark]{--c-primary: #2ad17e;--c-primary-dim: #1fb96a;--c-primary-soft: rgba(42, 209, 126, .1);--c-bg: #0e1812;--c-bg-raised: #182520;--c-bg-subtle: #13201a;--c-bg-input: #1e2f28;--c-bg-sidebar: #111d16;--c-text: #edf9f2;--c-text-muted: #9cbcad;--c-text-dim: #6b8e7e;--c-border: #2a4038;--c-border-input: #3a5a4c;--c-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--c-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--c-shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .35);--c-shadow-lg: 0 10px 40px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .4);--c-ok-bg: #071e11;--c-ok-text: #4ee89a;--c-off-bg: #1c0707;--c-off-text: #f07878;--c-warn-bg: #171000;--c-warn-text:#f0c84a;--c-warn-border:#3a2a00;--c-warn-card: #110c00;--c-danger: #e74c3c;--c-danger-dim: #d44235;--c-danger-soft: rgba(231, 76, 60, .12);--c-info: #6ea8f0;--c-info-soft: rgba(110, 168, 240, .12);--c-ok-border: #144a28;--c-caution: #f0a040;--c-caution-soft: rgba(240, 160, 64, .12);--c-badge-bg: #0f1e15;--c-badge-border: #1c3828;--c-create-bg: #071e11;--c-create-border:#144a28;--c-create-text: #4ee89a;--c-delete-bg: #1c0707;--c-delete-border:#551818;--c-delete-text: #f07878}:root{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-40px;left:0;background:var(--c-primary);color:#fff;padding:8px 16px;z-index:9999;text-decoration:none;font-weight:600;transition:top .3s}.skip-link:focus{top:0}*,*:before,*:after{box-sizing:border-box}::selection{background:#0b8f5a33;color:var(--c-text)}html[data-theme=dark] ::selection{background:#2ad17e47}body{margin:0;min-height:100vh;overflow-x:hidden;background-color:var(--c-bg);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--radius-sm)}.layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.layout.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--c-bg-sidebar);border-right:1px solid var(--c-border);display:flex;flex-direction:column;z-index:30;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden}.sidebar-collapsed .sidebar{width:var(--sidebar-w-collapsed)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;border-bottom:1px solid var(--c-border);min-height:68px}.sidebar-brand{display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap}.sidebar-logo{width:32px;height:32px;border-radius:10px;background:var(--c-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1rem}html[data-theme=dark] .sidebar-logo{color:#071208}.sidebar-brand h1{margin:0;font-family:Plus Jakarta Sans,DM Sans,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;opacity:1;transition:opacity .2s}.sidebar-collapsed .sidebar-brand h1{opacity:0;width:0}.sidebar-toggle{background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);color:var(--c-text-muted);transition:background .15s,color .15s;flex-shrink:0}.sidebar-toggle:hover{background:var(--c-bg-subtle);color:var(--c-text)}.sidebar-collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.nav-section{margin-bottom:4px}.nav-section-label{padding:8px 12px 6px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-dim);white-space:nowrap;overflow:hidden;transition:opacity .2s}.sidebar-collapsed .nav-section-label{opacity:0;height:0;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--c-text-muted);padding:9px 12px;border-radius:var(--radius);font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;transition:background .15s,color .15s;position:relative}.nav-item:hover{background:var(--c-bg-subtle);color:var(--c-text)}.nav-item.router-link-active{background:var(--c-primary-soft);color:var(--c-primary);font-weight:600}.nav-item.router-link-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--c-primary)}.nav-icon{width:20px;height:20px;flex-shrink:0;opacity:.7}.nav-item.router-link-active .nav-icon{opacity:1}.nav-item-text{opacity:1;transition:opacity .2s}.sidebar-collapsed .nav-item-text{opacity:0;width:0}.sidebar-collapsed .nav-item{justify-content:center;padding:9px 0}.sidebar-footer{border-top:1px solid var(--c-border);padding:12px;display:flex;flex-direction:column;gap:8px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);text-decoration:none;color:var(--c-text);transition:background .15s;overflow:hidden}.sidebar-user:hover{background:var(--c-bg-subtle)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-primary-soft);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem;font-weight:600;color:var(--c-primary);text-transform:uppercase}.sidebar-user-info{overflow:hidden;transition:opacity .2s}.sidebar-collapsed .sidebar-user-info{opacity:0;width:0}.sidebar-username{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.72rem;color:var(--c-text-muted)}.sidebar-actions{display:flex;gap:6px}.sidebar-collapsed .sidebar-actions{flex-direction:column}.sidebar-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-bg-raised);color:var(--c-text-muted);cursor:pointer;font-size:.78rem;font-weight:500;font-family:inherit;transition:background .15s,border-color .15s,color .15s;overflow:hidden;white-space:nowrap}.sidebar-action-btn:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-soft)}.sidebar-collapsed .sidebar-action-btn span{display:none}.queue-badge,.notif-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--c-danger);color:#fff;border-radius:99px;font-size:.68rem;font-weight:700;min-width:16px;height:16px;padding:0 4px}.queue-badge{margin-left:auto}.notif-badge{position:absolute;top:-4px;right:-4px}.content{grid-column:2;width:100%;max-width:1200px;margin:0 auto;padding:28px 32px}.content.content-wide{max-width:1440px}.page{display:grid;gap:22px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-header h1{margin:0;font-family:Plus Jakarta Sans,DM Sans,sans-serif;font-size:1.65rem;font-weight:700;letter-spacing:-.025em}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;align-items:end;background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--c-shadow-sm);transition:border-color .2s}.filters label{display:grid;gap:6px;font-size:.8rem;font-weight:500;color:var(--c-text-muted)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid var(--c-border-input);border-radius:var(--radius);padding:8px 12px;font:inherit;font-size:.875rem;background:var(--c-bg-input);color:var(--c-text);transition:border-color .2s ease,box-shadow .2s ease;height:38px}input[type=checkbox],input[type=radio]{width:auto;height:auto;accent-color:var(--c-primary);cursor:pointer}textarea{height:auto}input::placeholder,textarea::placeholder{color:var(--c-text-dim)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.btn{border:0;border-radius:var(--radius);padding:8px 16px;background:var(--c-primary);color:#fff;font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .1s ease;box-shadow:var(--c-shadow-sm)}html[data-theme=dark] .btn{color:#071208}.btn:hover:not(:disabled){background:var(--c-primary-dim);box-shadow:var(--c-shadow);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn.secondary{background:var(--c-bg-raised);color:var(--c-text);border:1px solid var(--c-border);box-shadow:var(--c-shadow-sm)}.btn.secondary:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-soft)}html[data-theme=dark] .btn.secondary{background:var(--c-bg-raised);border-color:var(--c-border);color:var(--c-text)}html[data-theme=dark] .btn.secondary:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-soft)}.btn.danger{background:var(--c-danger);color:#fff}.btn.danger:hover:not(:disabled){background:var(--c-danger-dim)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.state{margin:0;padding:10px 14px;border-radius:var(--radius);background:var(--c-bg-raised);border:1px solid var(--c-border);color:var(--c-text-muted);font-size:.875rem}.state.error{border-color:var(--c-off-text);background:var(--c-off-bg);color:var(--c-off-text)}.state.warn{border-color:var(--c-warn-border);background:var(--c-warn-card);color:var(--c-warn-text)}.state.ok{border-color:var(--c-ok-border);background:var(--c-ok-bg);color:var(--c-ok-text)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.kpi-card{background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:18px 16px;box-shadow:var(--c-shadow-sm);transition:box-shadow .2s,border-color .2s,transform .2s}.kpi-card:hover{box-shadow:var(--c-shadow-md);border-color:var(--c-primary);transform:translateY(-2px)}.kpi-card.warning{border-color:var(--c-warn-border);background:var(--c-warn-card)}html[data-theme=dark] .kpi-card.warning{border-color:var(--c-warn-border);background:var(--c-warn-bg)}.kpi-label{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted)}.kpi-value{margin:8px 0 0;font-family:Plus Jakarta Sans,DM Sans,sans-serif;font-size:1.9rem;font-weight:700;letter-spacing:-.03em;color:var(--c-text)}.table-wrap{overflow:auto;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg-raised);box-shadow:var(--c-shadow-sm)}.table{width:100%;border-collapse:collapse}.table.table-fixed{table-layout:fixed}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--c-border);white-space:normal;word-break:break-word;vertical-align:top}.table tr:last-child td{border-bottom:0}.table th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted);background:var(--c-bg-subtle);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:1}.table tbody tr{transition:background .15s}.table tbody tr:hover td{background:var(--c-bg-subtle)}.badge{display:inline-block;border-radius:999px;padding:2px 9px;background:var(--c-badge-bg);border:1px solid var(--c-badge-border);font-size:.75rem;font-weight:500;color:var(--c-text);white-space:nowrap}.status{border-radius:999px;font-size:.75rem;font-weight:600;padding:2px 9px;display:inline-block;white-space:nowrap}.status.ok{background:var(--c-ok-bg);color:var(--c-ok-text)}.status.off{background:var(--c-off-bg);color:var(--c-off-text)}.status.warn{background:var(--c-warn-bg);color:var(--c-warn-text)}.badge-create{background:var(--c-create-bg);border-color:var(--c-create-border);color:var(--c-create-text);font-weight:600}.badge-delete{background:var(--c-delete-bg);border-color:var(--c-delete-border);color:var(--c-delete-text);font-weight:600}.badge-danger{background:var(--c-danger-soft);border-color:var(--c-danger);color:var(--c-danger);font-weight:600}.badge-caution{background:var(--c-caution-soft);border-color:var(--c-caution);color:var(--c-caution);font-weight:600}.pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--c-text-muted);font-size:.85rem}.panel{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg-raised);padding:16px;display:grid;gap:14px;box-shadow:var(--c-shadow-sm)}.panel.sub{background:var(--c-bg-subtle);box-shadow:none}.panel.narrow{max-width:480px}.panel.narrow-md{max-width:560px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel-head h2,.panel-head h4{margin:0}.variant-card{border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:16px;display:grid;gap:12px;background:var(--c-bg-raised);box-shadow:var(--c-shadow-sm)}.variant-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.variant-head h3{margin:0}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.spec-box{border:1px dashed var(--c-border-input);border-radius:var(--radius);padding:12px;display:grid;gap:8px;background:var(--c-bg-subtle)}.log-pre{margin:0;padding:16px 18px;font-family:Cascadia Code,Fira Code,Consolas,Courier New,monospace;font-size:.82rem;line-height:1.55;background:var(--c-bg-subtle);color:var(--c-text);border-radius:var(--radius);border:1px solid var(--c-border);overflow:auto}html[data-theme=dark] .log-pre{background:#050a06;border-color:var(--c-border);color:#c8ecd4}h1,h2,h3,h4{font-family:Plus Jakarta Sans,DM Sans,sans-serif;letter-spacing:-.02em}h2{font-size:1.2rem;font-weight:700}h3{font-size:1.05rem;font-weight:600}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tab{padding:.4rem 1.25rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg-subtle);cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--c-text-muted);transition:background .15s,color .15s,border-color .15s}.tab:hover{border-color:var(--c-primary);color:var(--c-primary)}.tab.active{background:var(--c-primary);color:#fff;border-color:transparent;font-weight:600}html[data-theme=dark] .tab.active{color:#071208}.btn-sm{font-size:.8rem;padding:.3rem .75rem}.actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:flex-start}.table td.actions{white-space:nowrap;vertical-align:middle}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.85rem;font-weight:500;color:var(--c-text-muted)}.field small{color:var(--c-text-muted)}.checkbox-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:400;cursor:pointer;color:var(--c-text)}.bold{font-weight:600}.mono{font-family:Cascadia Code,Fira Code,Consolas,Courier New,monospace;font-size:.82rem;color:var(--c-text-muted)}.empty-row{text-align:center;color:var(--c-text-muted);font-size:.9rem;padding:1.5rem}.reason-cell{max-width:320px;white-space:pre-wrap;font-size:.85rem;color:var(--c-text)}.inline-input{padding:.28rem .45rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg-input);color:var(--c-text);font-size:.85rem;font-family:inherit;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.inline-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.inline-input.narrow{width:90px}.muted{color:var(--c-text-muted);font-size:.82em}#nprogress .bar{background:var(--c-primary);height:3px}#nprogress .peg{box-shadow:0 0 10px var(--c-primary),0 0 5px var(--c-primary)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--c-bg)}.app-loading-spinner{width:36px;height:36px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:app-spin .7s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--c-bg-subtle) 25%,var(--c-bg-raised) 50%,var(--c-bg-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-line{height:14px;margin-bottom:10px;border-radius:4px}.skeleton-line.w-75{width:75%}.skeleton-line.w-50{width:50%}.skeleton-line.w-30{width:30%}.skeleton-line.w-full{width:100%}.skeleton-heading{height:22px;width:40%;margin-bottom:16px;border-radius:4px}.skeleton-card{padding:20px;border-radius:var(--radius-md, 12px);border:1px solid var(--c-border);background:var(--c-bg-raised)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-toggle{background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:999px;padding:6px 10px;cursor:pointer;font-size:1rem;line-height:1;color:var(--c-text-muted);transition:border-color .15s,color .15s,background .15s,box-shadow .15s;box-shadow:var(--c-shadow-sm)}.theme-toggle:hover{border-color:var(--c-primary);color:var(--c-primary);box-shadow:var(--c-shadow)}@media(max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:280px;box-shadow:var(--c-shadow-lg);transition:left .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.layout.mobile-open .sidebar{left:0}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25}.layout.mobile-open .mobile-overlay{display:block}.mobile-topbar{display:flex}.content{padding:20px 16px}.page-header h1{font-size:1.3rem}.kpi-value{font-size:1.6rem}}@media(min-width:769px){.mobile-overlay,.mobile-topbar{display:none!important}}@media(min-width:1024px){.content{padding:28px 32px}}@media(min-width:1440px){.content{max-width:1400px}}.mobile-topbar{display:none;position:sticky;top:0;z-index:10;align-items:center;gap:12px;padding:10px 16px;background:var(--c-bg-sidebar);border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu-btn{background:none;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;color:var(--c-text);font-size:1.1rem;line-height:1;font-family:inherit}.mobile-menu-btn:hover{background:var(--c-bg-subtle)}.mobile-title{font-family:Plus Jakarta Sans,DM Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.02em}.topbar{position:sticky;top:0;z-index:10;display:flex;gap:16px;align-items:center;padding:12px 20px;background:var(--c-bg-sidebar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);box-shadow:var(--c-shadow);transition:background .25s,border-color .25s,box-shadow .25s}.brand h1{margin:0;font-family:Plus Jakarta Sans,DM Sans,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--c-text-muted);border:1px solid transparent;background:transparent;border-radius:999px;padding:6px 12px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.nav-link:hover{border-color:var(--c-border);background:var(--c-bg-subtle);color:var(--c-text)}.nav-link.router-link-active{background:var(--c-primary);color:#fff;border-color:transparent}html[data-theme=dark] .nav-link.router-link-active{color:#071208}