@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Source+Sans+3:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-heading: "DM Sans", system-ui, sans-serif;--font-body: "Source Sans 3", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.7rem, .65rem + .2vw, .75rem);--text-sm: clamp(.8rem, .75rem + .2vw, .85rem);--text-base: clamp(.88rem, .84rem + .2vw, .95rem);--text-lg: clamp(1rem, .95rem + .25vw, 1.1rem);--text-xl: clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--text-2xl: clamp(1.4rem, 1.2rem + .8vw, 1.8rem);--cobalt: oklch(52% .14 255);--cobalt-light: oklch(62% .12 255);--cobalt-dark: oklch(42% .14 255);--cobalt-subtle: oklch(52% .14 255 / .12);--forest: oklch(62% .15 155);--forest-subtle: oklch(62% .15 155 / .12);--ember: oklch(65% .2 30);--ember-subtle: oklch(65% .2 30 / .12);--gold: oklch(75% .15 80);--gold-subtle: oklch(75% .15 80 / .12);--rose: oklch(60% .2 15);--rose-subtle: oklch(60% .2 15 / .12);--slate: oklch(55% .02 260);--color-primary: var(--cobalt);--color-primary-light: var(--cobalt-light);--color-accent: var(--forest);--color-success: var(--forest);--color-warning: var(--gold);--color-danger: var(--rose);--color-info: var(--cobalt-light);--bg-body: oklch(16% .015 260);--bg-surface: oklch(20% .015 260);--bg-elevated: oklch(23% .015 260);--bg-hover: oklch(26% .015 260);--bg-input: oklch(18% .015 260);--border: oklch(28% .02 260);--border-focus: var(--cobalt);--text-1: oklch(92% .01 260);--text-2: oklch(70% .015 260);--text-3: oklch(52% .015 260);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .2);--shadow-md: 0 4px 16px oklch(0% 0 0 / .25);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .3);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sidebar-w: 256px;--header-h: 60px;--radius: 8px;--radius-sm: 6px;--max-content: 1320px;--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--transition: var(--duration-normal) var(--ease-out)}[data-theme=light]{--bg-body: oklch(96% .01 70);--bg-surface: oklch(100% 0 0);--bg-elevated: oklch(98% .005 70);--bg-hover: oklch(96% .008 70);--bg-input: oklch(97% .005 70);--border: oklch(88% .01 70);--text-1: oklch(22% .02 260);--text-2: oklch(42% .015 260);--text-3: oklch(62% .01 260);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .06);--shadow-md: 0 4px 16px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-body);color:var(--text-1);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3;letter-spacing:-.01em}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;z-index:100;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.sidebar-brand .brand-icon{width:36px;height:36px;background:var(--color-primary);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:1rem;color:#fff;font-weight:700;font-family:var(--font-heading)}.sidebar-brand .brand-text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--text-1)}.sidebar-nav{flex:1;padding:var(--sp-4) var(--sp-3)}.nav-section{margin-bottom:var(--sp-6)}.nav-section-title{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:0 var(--sp-3);margin-bottom:var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-sm);font-weight:500;transition:all var(--transition);cursor:pointer}.nav-item:hover{background:var(--bg-hover);color:var(--text-1)}.nav-item.active{background:var(--cobalt-subtle);color:var(--color-primary-light);font-weight:600}.nav-item .nav-icon{font-size:1.05rem;width:22px;text-align:center}.nav-item .nav-badge{margin-left:auto;background:var(--cobalt-subtle);color:var(--color-primary-light);font-size:var(--text-xs);font-weight:600;padding:2px var(--sp-2);border-radius:var(--radius-sm)}.main-content{flex:1;margin-left:var(--sidebar-w);min-height:100vh}.content-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-8);border-bottom:1px solid var(--border);background:var(--bg-surface);position:sticky;top:0;z-index:50}.content-header h1{font-size:var(--text-xl);font-weight:700;color:var(--text-1)}.header-actions{display:flex;align-items:center;gap:var(--sp-3)}.content-body{padding:var(--sp-8) var(--sp-8);max-width:var(--max-content)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition)}.card:hover{border-color:oklch(from var(--border) l c h / .6)}.card-header{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-header h2,.card-header h3{font-size:var(--text-base);font-weight:600}.card-body{padding:var(--sp-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-8)}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--stat-color, var(--color-primary));border-radius:var(--radius);padding:var(--sp-5);display:flex;align-items:flex-start;gap:var(--sp-4);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{font-size:1.3rem;width:44px;height:44px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-label{font-size:var(--text-xs);color:var(--text-3);font-weight:500;margin-bottom:var(--sp-1);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;line-height:1.1}.stat-change{font-size:var(--text-xs);margin-top:var(--sp-1)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1.5;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px);transition-duration:60ms}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--cobalt-dark);box-shadow:var(--shadow-sm);color:#fff}.btn-secondary{background:var(--bg-elevated);border-color:var(--border);color:var(--text-1)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-1)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs)}.btn-icon{padding:var(--sp-2);border-radius:var(--radius-sm)}.form-group{margin-bottom:var(--sp-5)}.form-label{display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--text-2);margin-bottom:var(--sp-1)}.form-control{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--cobalt-subtle)}.form-control::placeholder{color:var(--text-3)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.form-control{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.form-check{display:flex;align-items:center;gap:var(--sp-2)}.form-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-error{color:var(--color-danger);font-size:var(--text-xs);margin-top:var(--sp-1)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--border);font-size:var(--text-sm)}th{background:var(--bg-elevated);font-family:var(--font-heading);font-weight:600;color:var(--text-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:var(--header-h)}tbody tr{transition:background var(--duration-fast) var(--ease-out)}tbody tr:nth-child(2n){background:oklch(from var(--bg-surface) calc(l + .02) c h)}tbody tr:hover{background:var(--bg-hover)}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.badge-active{background:var(--forest-subtle);color:var(--forest)}.badge-expired{background:var(--rose-subtle);color:var(--rose)}.badge-suspended{background:var(--gold-subtle);color:var(--gold)}.badge-archived{background:#6b727e1f;color:var(--slate)}.badge-info{background:var(--cobalt-subtle);color:var(--cobalt-light)}.badge-warning{background:var(--gold-subtle);color:var(--gold)}.badge-maintenance{background:var(--cobalt-subtle);color:var(--cobalt-light)}.badge-incident{background:var(--rose-subtle);color:var(--rose)}.tag-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;background:var(--bg-elevated);color:var(--text-2);border:1px solid var(--border)}.tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.expiry-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-3);border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600}.expiry-critical{background:var(--rose-subtle);color:var(--rose)}.expiry-warning{background:var(--gold-subtle);color:var(--gold)}.expiry-safe{background:var(--forest-subtle);color:var(--forest)}.expiry-overdue{background:#dd385833;color:var(--rose);animation:pulse-alert 2.5s var(--ease-out) infinite}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.55}}.flash-message{padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);margin-bottom:var(--sp-5);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--sp-3);animation:flash-in var(--duration-slow) var(--ease-out-expo)}@keyframes flash-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.flash-success{background:var(--forest-subtle);border-left:3px solid var(--forest);color:var(--forest)}.flash-error{background:var(--rose-subtle);border-left:3px solid var(--rose);color:var(--rose)}.search-box{position:relative}.search-box input{width:260px;padding:var(--sp-2) var(--sp-3) var(--sp-2) 36px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-body);font-size:var(--text-sm);transition:width var(--duration-slow) var(--ease-out),border-color var(--transition)}.search-box input:focus{width:340px;border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--cobalt-subtle)}.search-box .search-icon{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--text-3);font-size:var(--text-sm)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--sp-6)}.tab{padding:var(--sp-3) var(--sp-5);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition)}.tab:hover{color:var(--text-1)}.tab.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary);font-weight:600}.tab-content{display:none}.tab-content.active{display:block;animation:tab-in var(--duration-slow) var(--ease-out)}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.calendar-header{background:var(--bg-elevated);padding:var(--sp-2);text-align:center;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.calendar-day{background:var(--bg-surface);padding:var(--sp-2);min-height:100px;font-size:var(--text-xs);position:relative}.calendar-day.other-month{opacity:.25}.calendar-day.today{background:var(--cobalt-subtle)}.calendar-day-number{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);margin-bottom:var(--sp-1);color:var(--text-2)}.calendar-event{font-size:.68rem;padding:2px var(--sp-2);border-radius:3px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:var(--sp-2);top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:var(--sp-6)}.timeline-dot{position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface)}.timeline-dot.info{background:var(--color-info)}.timeline-dot.warning{background:var(--color-warning)}.timeline-dot.maintenance{background:var(--color-primary)}.timeline-dot.incident{background:var(--color-danger)}.timeline-date{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--sp-1)}.timeline-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-base)}.timeline-content{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--sp-1);line-height:1.5}.theme-toggle{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);cursor:pointer;color:var(--text-2);font-size:1.1rem;transition:all var(--transition);display:grid;place-items:center;width:36px;height:36px}.theme-toggle:hover{color:var(--text-1);background:var(--bg-hover)}.stars{display:inline-flex;gap:2px}.star{color:var(--text-3)}.star.filled{color:var(--gold)}.empty-state{text-align:center;padding:var(--sp-16) var(--sp-6);color:var(--text-3)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--sp-4);opacity:.4}.empty-state-text{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--sp-5);color:var(--text-2)}.empty-state-hint{font-size:var(--text-sm);color:var(--text-3);max-width:320px;margin:0 auto var(--sp-5);line-height:1.5}.content-body>*{animation:stagger-in var(--duration-slow) var(--ease-out-expo) both}.content-body>*:nth-child(1){animation-delay:0ms}.content-body>*:nth-child(2){animation-delay:60ms}.content-body>*:nth-child(3){animation-delay:.12s}.content-body>*:nth-child(4){animation-delay:.18s}.content-body>*:nth-child(5){animation-delay:.24s}@keyframes stagger-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.text-muted{color:var(--text-3)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-right{text-align:right}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-mono{font-family:var(--font-mono);font-size:.9em}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-1{margin-top:var(--sp-2)}.mt-2{margin-top:var(--sp-4)}.mt-3{margin-top:var(--sp-6)}.mb-1{margin-bottom:var(--sp-2)}.mb-2{margin-bottom:var(--sp-4)}.mb-3{margin-bottom:var(--sp-6)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--sp-2)}.gap-2{gap:var(--sp-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sidebar-toggle{display:none;background:none;border:none;color:var(--text-1);font-size:1.3rem;cursor:pointer;padding:var(--sp-1);min-width:44px;min-height:44px}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.sidebar-toggle{display:grid;place-items:center}.content-body{padding:var(--sp-5) var(--sp-4)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.search-box input,.search-box input:focus{width:180px}th,td{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.content-header{padding:0 var(--sp-4)}.content-header h1{font-size:var(--text-lg)}}