@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--ms-blue-primary: #0078d4;--ms-blue-hover: #106ebe;--ms-blue-active: #005a9e;--ms-blue-light: #eff6fc;--ms-blue-subtle: #deecf9;--ms-blue-border: #c7e0f4;--ms-bg-canvas: #f3f2f1;--ms-bg-surface: #ffffff;--ms-bg-surface-secondary: #faf9f8;--ms-bg-surface-hover: #f3f2f1;--ms-bg-surface-active: #edebe9;--ms-bg-subtle: #f8f9fa;--ms-text-primary: #201f1e;--ms-text-secondary: #605e5c;--ms-text-muted: #8a8886;--ms-text-disabled: #a19f9d;--ms-text-on-primary: #ffffff;--ms-border: #e1dfdd;--ms-border-subtle: #edebe9;--ms-border-input: #8a8886;--ms-border-focus: #0078d4;--ms-status-success: #107c41;--ms-status-success-bg: #dff6dd;--ms-status-success-border: #a1e2a0;--ms-status-warning: #b45309;--ms-status-warning-bg: #fef3c7;--ms-status-warning-border: #fcd34d;--ms-status-error: #d13438;--ms-status-error-bg: #fde7e9;--ms-status-error-border: #f69fa2;--ms-status-info: #0078d4;--ms-status-info-bg: #eff6fc;--ms-status-info-border: #c7e0f4;--ms-status-purple: #5c2d91;--ms-status-purple-bg: #f2ecf9;--ms-status-purple-border: #d4bfe8;--sys-color-primary: var(--ms-blue-primary);--sys-color-on-primary: var(--ms-text-on-primary);--sys-color-primary-container: var(--ms-blue-light);--sys-color-on-primary-container: var(--ms-blue-active);--sys-color-secondary: var(--ms-text-secondary);--sys-color-on-secondary: #ffffff;--sys-color-secondary-container: var(--ms-bg-surface-secondary);--sys-color-on-secondary-container: var(--ms-text-primary);--sys-color-tertiary: var(--ms-status-purple);--sys-color-on-tertiary: #ffffff;--sys-color-tertiary-container: var(--ms-status-purple-bg);--sys-color-on-tertiary-container: #3b1764;--sys-color-error: var(--ms-status-error);--sys-color-on-error: #ffffff;--sys-color-error-container: var(--ms-status-error-bg);--sys-color-on-error-container: #a4262c;--sys-color-background: var(--ms-bg-canvas);--sys-color-on-background: var(--ms-text-primary);--sys-color-surface: var(--ms-bg-surface);--sys-color-on-surface: var(--ms-text-primary);--sys-color-surface-variant: var(--ms-bg-surface-secondary);--sys-color-on-surface-variant: var(--ms-text-secondary);--sys-color-outline: var(--ms-border-input);--sys-color-outline-variant: var(--ms-border);--sys-color-surface-container-lowest: #ffffff;--sys-color-surface-container-low: #faf9f8;--sys-color-surface-container: var(--ms-bg-surface);--sys-color-surface-container-high: var(--ms-bg-surface-secondary);--sys-color-surface-container-highest: #f3f2f1;--sys-elevation-1: 0 1.6px 3.6px 0 rgba(0, 0, 0, .08), 0 .3px .9px 0 rgba(0, 0, 0, .06);--sys-elevation-2: 0 3.2px 7.2px 0 rgba(0, 0, 0, .1), 0 .6px 1.8px 0 rgba(0, 0, 0, .07);--sys-elevation-3: 0 8px 16px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);--sys-elevation-4: 0 16px 32px 0 rgba(0, 0, 0, .15), 0 4px 8px 0 rgba(0, 0, 0, .1);--sys-elevation-card-hover: 0 6px 20px 0 rgba(0, 120, 212, .12), 0 2px 6px 0 rgba(0, 0, 0, .06);--sys-shape-corner-extra-small: 2px;--sys-shape-corner-small: 4px;--sys-shape-corner-medium: 6px;--sys-shape-corner-large: 8px;--sys-shape-corner-extra-large: 12px;--sys-shape-corner-full: 9999px;--transition-fast: .1s cubic-bezier(.33, 0, .67, 1);--transition-standard: .18s cubic-bezier(.2, 0, 0, 1);--transition-smooth: .24s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--ms-blue-primary: #2899f5;--ms-blue-hover: #47a8f7;--ms-blue-active: #1a83d8;--ms-blue-light: #162638;--ms-blue-subtle: #1c3550;--ms-blue-border: #23476e;--ms-bg-canvas: #121212;--ms-bg-surface: #1e1e1e;--ms-bg-surface-secondary: #272727;--ms-bg-surface-hover: #303030;--ms-bg-surface-active: #383838;--ms-bg-subtle: #1a1a1a;--ms-text-primary: #f3f2f1;--ms-text-secondary: #c8c6c4;--ms-text-muted: #8a8886;--ms-text-disabled: #605e5c;--ms-text-on-primary: #ffffff;--ms-border: #383838;--ms-border-subtle: #2d2d2d;--ms-border-input: #605e5c;--ms-border-focus: #2899f5;--ms-status-success: #34d399;--ms-status-success-bg: #064e3b33;--ms-status-success-border: #05966955;--ms-status-warning: #fbbf24;--ms-status-warning-bg: #78350f33;--ms-status-warning-border: #d9770655;--ms-status-error: #f87171;--ms-status-error-bg: #7f1d1d33;--ms-status-error-border: #dc262655;--ms-status-info: #38bdf8;--ms-status-info-bg: #0c4a6e33;--ms-status-info-border: #0284c755;--ms-status-purple: #c084fc;--ms-status-purple-bg: #581c8733;--ms-status-purple-border: #9333ea55;--sys-color-primary: var(--ms-blue-primary);--sys-color-on-primary: #000000;--sys-color-primary-container: var(--ms-blue-light);--sys-color-on-primary-container: #95ccff;--sys-color-secondary: var(--ms-text-secondary);--sys-color-on-secondary: #000000;--sys-color-secondary-container: var(--ms-bg-surface-secondary);--sys-color-on-secondary-container: var(--ms-text-primary);--sys-color-tertiary: var(--ms-status-purple);--sys-color-on-tertiary: #ffffff;--sys-color-tertiary-container: var(--ms-status-purple-bg);--sys-color-on-tertiary-container: #e9d5ff;--sys-color-error: var(--ms-status-error);--sys-color-on-error: #ffffff;--sys-color-error-container: var(--ms-status-error-bg);--sys-color-on-error-container: #fca5a5;--sys-color-background: var(--ms-bg-canvas);--sys-color-on-background: var(--ms-text-primary);--sys-color-surface: var(--ms-bg-surface);--sys-color-on-surface: var(--ms-text-primary);--sys-color-surface-variant: var(--ms-bg-surface-secondary);--sys-color-on-surface-variant: var(--ms-text-secondary);--sys-color-outline: var(--ms-border-input);--sys-color-outline-variant: var(--ms-border);--sys-color-surface-container-lowest: #141414;--sys-color-surface-container-low: #1a1a1a;--sys-color-surface-container: var(--ms-bg-surface);--sys-color-surface-container-high: var(--ms-bg-surface-secondary);--sys-color-surface-container-highest: #303030;--sys-elevation-1: 0 1.6px 3.6px 0 rgba(0, 0, 0, .4), 0 .3px .9px 0 rgba(0, 0, 0, .3);--sys-elevation-2: 0 3.2px 7.2px 0 rgba(0, 0, 0, .5), 0 .6px 1.8px 0 rgba(0, 0, 0, .4);--sys-elevation-3: 0 8px 16px 0 rgba(0, 0, 0, .6), 0 2px 4px 0 rgba(0, 0, 0, .5);--sys-elevation-4: 0 16px 32px 0 rgba(0, 0, 0, .7), 0 4px 8px 0 rgba(0, 0, 0, .5);--sys-elevation-card-hover: 0 6px 20px 0 rgba(0, 0, 0, .6), 0 0 0 1px var(--ms-blue-primary)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;font-family:Segoe UI Variable,Segoe UI,-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;background-color:var(--ms-bg-canvas);color:var(--ms-text-primary);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.tabular-nums,.kpi-value,.price-value,table td,.metric-number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}h1{font-size:1.55rem;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--ms-text-primary)}h2{font-size:1.25rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--ms-text-primary)}h3{font-size:1.05rem;font-weight:600;line-height:1.4;color:var(--ms-text-primary)}h4{font-size:.925rem;font-weight:600;line-height:1.4;color:var(--ms-text-primary)}p{color:var(--ms-text-primary)}.app-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;background-color:var(--ms-bg-canvas)}.sidebar{width:250px;background-color:var(--ms-bg-surface);border-right:1px solid var(--ms-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;flex-shrink:0;transition:width .2s cubic-bezier(.2,0,0,1);z-index:100}.sidebar:not(.expanded){width:64px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.top-bar{height:48px;background-color:var(--ms-blue-primary);color:#fff;display:flex;align-items:center;padding:0 16px;box-shadow:var(--sys-elevation-1);flex-shrink:0;z-index:90}.page-content{flex:1;padding:20px;overflow-y:auto;background-color:var(--ms-bg-canvas)}.card{background-color:var(--ms-bg-surface);border:1px solid var(--ms-border);border-radius:var(--sys-shape-corner-medium);padding:1.25rem;box-shadow:var(--sys-elevation-1);transition:border-color var(--transition-standard),box-shadow var(--transition-standard),transform var(--transition-standard);display:flex;flex-direction:column;color:var(--ms-text-primary)}.card.interactive:hover,.card-interactive:hover{border-color:var(--ms-blue-primary);box-shadow:var(--sys-elevation-card-hover);transform:translateY(-1px);cursor:pointer}.kpi-card{background-color:var(--ms-bg-surface);border:1px solid var(--ms-border);border-radius:var(--sys-shape-corner-medium);padding:14px 18px;box-shadow:var(--sys-elevation-1);transition:all var(--transition-standard);display:flex;flex-direction:column;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--sys-elevation-2);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--sys-shape-corner-small);padding:0 14px;height:32px;font-family:inherit;font-weight:600;font-size:.85rem;border:1px solid transparent;cursor:pointer;transition:all var(--transition-standard);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ms-bg-surface),0 0 0 4px var(--ms-blue-primary)}.btn.primary{background-color:var(--ms-blue-primary);color:var(--ms-text-on-primary);border-color:var(--ms-blue-primary);box-shadow:var(--sys-elevation-1)}.btn.primary:hover{background-color:var(--ms-blue-hover);border-color:var(--ms-blue-hover);transform:translateY(-1px);box-shadow:var(--sys-elevation-2)}.btn.primary:active{background-color:var(--ms-blue-active);border-color:var(--ms-blue-active);transform:scale(.98)}.btn.secondary{background-color:var(--ms-bg-surface-secondary);color:var(--ms-text-primary);border:1px solid var(--ms-border)}.btn.secondary:hover{background-color:var(--ms-bg-surface-hover);border-color:var(--ms-border-input)}.btn.outlined{background-color:var(--ms-bg-surface);color:var(--ms-text-primary);border:1px solid var(--ms-border-input)}.btn.outlined:hover{background-color:var(--ms-blue-light);color:var(--ms-blue-primary);border-color:var(--ms-blue-primary)}.btn.subtle{background-color:transparent;color:var(--ms-text-primary);border:1px solid transparent}.btn.subtle:hover{background-color:var(--ms-bg-surface-hover)}.btn.danger{background-color:var(--ms-status-error-bg);color:var(--ms-status-error);border:1px solid var(--ms-status-error-border)}.btn.danger:hover{background-color:var(--ms-status-error);color:#fff;border-color:var(--ms-status-error)}.btn.fab{border-radius:var(--sys-shape-corner-medium);width:44px;height:44px;padding:0;box-shadow:var(--sys-elevation-2);background-color:var(--ms-blue-primary);color:var(--ms-text-on-primary)}.btn.fab:hover{background-color:var(--ms-blue-hover);transform:scale(1.05);box-shadow:var(--sys-elevation-3)}.input-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.input-label{font-size:.8125rem;color:var(--ms-text-primary);font-weight:600}.input-field,.select-field,select.input-field,textarea.input-field{background-color:var(--ms-bg-surface);border:1px solid var(--ms-border-input);border-radius:var(--sys-shape-corner-small);padding:8px 12px;font-family:inherit;font-size:.875rem;color:var(--ms-text-primary);transition:border-color var(--transition-standard),box-shadow var(--transition-standard),background-color var(--transition-standard);width:100%}.input-field::placeholder{color:var(--ms-text-muted)}.input-field:hover{border-color:var(--ms-text-secondary)}.input-field:focus,.select-field:focus{outline:none;border-color:var(--ms-border-focus);box-shadow:inset 0 0 0 1px var(--ms-border-focus)}.input-field:disabled{background-color:var(--ms-bg-surface-secondary);color:var(--ms-text-disabled);border-color:var(--ms-border);cursor:not-allowed}.ms-badge,.badge,.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--sys-shape-corner-full);font-size:.75rem;font-weight:600;line-height:1.25;border:1px solid transparent;letter-spacing:.01em;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ms-badge.success,.badge.green,.status-pill.success{background-color:var(--ms-status-success-bg);color:var(--ms-status-success);border-color:var(--ms-status-success-border)}.ms-badge.warning,.badge.yellow,.status-pill.warning{background-color:var(--ms-status-warning-bg);color:var(--ms-status-warning);border-color:var(--ms-status-warning-border)}.ms-badge.error,.badge.red,.status-pill.error{background-color:var(--ms-status-error-bg);color:var(--ms-status-error);border-color:var(--ms-status-error-border)}.ms-badge.info,.badge.blue,.status-pill.info{background-color:var(--ms-status-info-bg);color:var(--ms-status-info);border-color:var(--ms-status-info-border)}.ms-badge.purple,.badge.purple,.status-pill.purple{background-color:var(--ms-status-purple-bg);color:var(--ms-status-purple);border-color:var(--ms-status-purple-border)}.ms-badge.neutral,.badge.gray,.status-pill.neutral{background-color:var(--ms-bg-surface-secondary);color:var(--ms-text-secondary);border-color:var(--ms-border)}.accordion-details{background:var(--ms-bg-surface);border:1px solid var(--ms-border);border-radius:var(--sys-shape-corner-medium);overflow:hidden;flex-shrink:0}.accordion-summary{padding:10px 14px;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;background:var(--ms-bg-surface-secondary);color:var(--ms-text-primary);transition:background var(--transition-standard);flex-shrink:0;list-style:none}.accordion-summary::-webkit-details-marker{display:none}.accordion-summary:hover{background:var(--ms-bg-surface-hover)}.accordion-content{padding:16px;background:var(--ms-bg-surface);border-top:1px solid var(--ms-border)}.kachel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--sys-shape-corner-medium);border:1px solid var(--ms-border);background-color:var(--ms-bg-surface)}.table-responsive table{width:100%;border-collapse:collapse}.table-responsive th{background-color:var(--ms-bg-surface-secondary);color:var(--ms-text-secondary);font-weight:600;font-size:.8125rem;text-align:left;padding:10px 14px;border-bottom:1px solid var(--ms-border);white-space:nowrap}.table-responsive td{padding:10px 14px;border-bottom:1px solid var(--ms-border-subtle);font-size:.875rem;color:var(--ms-text-primary)}.table-responsive tr:hover td{background-color:var(--ms-bg-surface-hover)}.table-responsive tr:last-child td{border-bottom:none}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0078d466}50%{box-shadow:0 0 0 8px #0078d400}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pop-in{animation:modalPopIn .2s cubic-bezier(.16,1,.3,1) forwards}.animate-fade{animation:fadeIn .18s ease forwards}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--sab));padding-bottom:var(--sab);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--ms-border);display:flex;align-items:center;justify-content:space-around;z-index:999;box-shadow:0 -2px 12px #0000000f}[data-theme=dark] .mobile-tab-bar{background:#1e1e1eeb;border-top:1px solid var(--ms-border);box-shadow:0 -2px 12px #0006}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;text-decoration:none;color:var(--ms-text-secondary);font-size:.68rem;font-weight:500;gap:3px;transition:color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;padding:4px 0}.mobile-tab-item.active{color:var(--ms-blue-primary);font-weight:700}.mobile-tab-item.active svg{transform:scale(1.08);transition:transform var(--transition-fast)}.mobile-tab-item.highlight-action{color:var(--ms-text-primary)}.mobile-tab-item.highlight-action .tab-icon-bubble{background:linear-gradient(135deg,var(--ms-blue-primary) 0%,#005a9e 100%);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--sys-elevation-2);margin-top:-16px;border:3px solid var(--ms-bg-surface);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.mobile-tab-item.highlight-action:active .tab-icon-bubble{transform:scale(.92)}.mobile-menu-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .18s ease forwards}.mobile-menu-content{background:var(--ms-bg-surface);border-top-left-radius:24px;border-top-right-radius:24px;padding:12px 18px calc(24px + var(--sab)) 18px;max-height:88vh;overflow-y:auto;box-shadow:var(--sys-elevation-4);animation:slideUp .28s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;gap:16px}.mobile-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--ms-border-input);margin:0 auto 12px;opacity:.6}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99}.mobile-menu-btn{display:none}@media (max-width: 768px){.input-field,.select-field,select,input,textarea{font-size:16px!important}.sidebar-overlay.active{display:block}.sidebar{display:none!important}.main-content{width:100vw;height:100vh}.page-content{padding:12px 12px calc(85px + var(--sab)) 12px!important;-webkit-overflow-scrolling:touch;overflow-x:hidden}.flex-wrap-mobile{flex-direction:column!important;gap:16px!important;width:100%!important}.flex-wrap-mobile>div{width:100%!important;max-width:100%!important;flex-basis:auto!important}.table-responsive,.card:has(>table),.card>div:has(>table),.table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.kachel-grid{grid-template-columns:1fr!important}h1{font-size:1.25rem!important;line-height:1.35}h2{font-size:1.12rem!important;line-height:1.3}h3{font-size:.98rem!important}.card{padding:12px!important;border-radius:8px!important}.btn{height:42px!important;padding:0 14px!important;font-size:.88rem!important}.modal-content,.dialog-content{width:95vw!important;max-width:95vw!important;padding:16px!important}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ms-border-input);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ms-text-secondary)}