:root{--ocean-blue:#05668d;--steel-blue:#427aa1;--grass-green:#679436;--cloud-white:#ebf2fa;--positive:#679436;--warning:#d97706;--critical:#b91c1c;--sage-100:#f8f9f8;--sage-200:#e0e3e0;--sage-300:#c2c9c2;--sage-800:#2d332d;--bg-color:#f0f2f5;--surface-color:#ffffff;--text-primary:#171717;--text-secondary:#4a5568;--font-base:"Segoe UI",-apple-system,BlinkMacSystemFont,"Segoe UI Web (West European)",sans-serif;--radius-sm:4px;--radius-md:6px;--grid-unit:8px;--bounce-curve:cubic-bezier(0.4,1.4,0.55,1);--transition-fast:200ms linear;--transition-slow:600ms var(--bounce-curve)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-color);font-size:12px;font-weight:500;line-height:1.5}.h1,body,h1{color:var(--text-primary)}.h1,h1{font-size:20px}.h1,.h2,h1,h2{font-weight:700}.h2,h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em}.dashboard-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--sage-800);color:var(--cloud-white);transition:width var(--transition-slow);display:flex;flex-direction:column}.sidebar.collapsed{width:60px}.sidebar-header{height:60px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.topnav{height:60px;background-color:var(--surface-color);border-bottom:1px solid var(--sage-200);display:flex;align-items:center;padding:0 calc(var(--grid-unit) * 3);justify-content:space-between}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:calc(var(--grid-unit) * 2);padding:calc(var(--grid-unit) * 3)}.card{background:var(--surface-color);border-radius:var(--radius-sm);padding:calc(var(--grid-unit) * 2);box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid var(--sage-200);display:flex;flex-direction:column;gap:calc(var(--grid-unit) * 1.5)}.card.accent-ocean{border-left-color:var(--ocean-blue)}.card.accent-steel{border-left-color:var(--steel-blue)}.card.accent-grass{border-left-color:var(--grass-green)}.card.accent-warning{border-left-color:var(--warning)}.card.accent-critical{border-left-color:var(--critical)}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:12px;text-transform:uppercase;font-weight:600;color:var(--text-secondary)}.card-icon{width:16px;height:16px;color:var(--steel-blue)}.card-value{font-size:24px;font-weight:700}.card-unit{font-size:14px;font-weight:400;color:var(--text-secondary)}.card-body{display:flex;flex-direction:column;gap:8px}.text-positive{color:var(--positive)}.text-warning{color:var(--warning)}.text-critical{color:var(--critical)}.text-secondary{color:var(--text-secondary)}.progress-bar{height:6px;background-color:var(--sage-200);border-radius:3px;overflow:hidden;margin:4px 0}.progress-fill{height:100%;background-color:var(--ocean-blue)}.progress-fill.grass{background-color:var(--grass-green)}.progress-fill.warning{background-color:var(--warning)}.btn{padding:calc(var(--grid-unit)) calc(var(--grid-unit) * 2);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--ocean-blue);color:var(--cloud-white)}.btn-primary:hover{background-color:#045271}.btn-outline{border-color:var(--sage-300);background-color:var(--surface-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--sage-100)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-4{gap:16px}.ml-auto{margin-left:auto}.svg-icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.form-input,.form-select,.form-textarea{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--sage-300);background-color:var(--sage-100);font-family:inherit;font-size:12px;color:var(--text-primary);font-weight:500;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--ocean-blue);background-color:var(--surface-color)}.form-row{display:flex;gap:12px}.form-row>*{flex:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sage-100)}::-webkit-scrollbar-thumb{background:var(--sage-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sage-800)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:var(--radius-sm);display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;animation:spin .85s linear infinite;display:inline-block}.btn-outline .spinner{border-color:rgba(5,102,141,.2)}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.login-illustration-panel{display:none!important}.login-mobile-header{display:block!important}}@media (min-width:769px){.login-mobile-header{display:none!important}}