*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background-color:#f8fafc;line-height:1.5}:root{--app-primary:#1f6153;--app-primary-dark:#184d42;--app-primary-light:#2a7a69;--app-success:#10b981;--app-warning:#f59e0b;--app-error:#ef4444;--app-info:#3b82f6;--app-critical-bg:#fef2f2;--app-critical-text:#dc2626;--app-critical-border:#fca5a5;--app-abnormal-bg:#fffbeb;--app-abnormal-text:#d97706;--app-abnormal-border:#fcd34d;--app-normal-bg:#ecfdf5;--app-normal-text:#059669;--app-normal-border:#6ee7b7}.status-critical{background-color:var(--app-critical-bg);color:var(--app-critical-text);border-color:var(--app-critical-border)}.status-abnormal{background-color:var(--app-abnormal-bg);color:var(--app-abnormal-text);border-color:var(--app-abnormal-border)}.status-normal{background-color:var(--app-normal-bg);color:var(--app-normal-text);border-color:var(--app-normal-border)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-critical{background-color:var(--app-critical-bg);color:var(--app-critical-text);border:1px solid var(--app-critical-border)}.badge-abnormal{background-color:var(--app-abnormal-bg);color:var(--app-abnormal-text);border:1px solid var(--app-abnormal-border)}.badge-normal{background-color:var(--app-normal-bg);color:var(--app-normal-text);border:1px solid var(--app-normal-border)}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.nav-link{color:#a5b4fc;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:#fff;background-color:#ffffff14}.nav-link.active{color:#fff;background:linear-gradient(135deg,#1f6153,#2a7a69);box-shadow:0 4px 12px #1f615380}.sidebar-nav-item{color:#64748b;background-color:#0000;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-nav-item:hover{color:#475569;background-color:#f1f5f9}.sidebar-nav-item.active{color:#1f6153;background-color:#e2e8f0}.sidebar-nav-item .nav-icon{color:#94a3b8;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.sidebar-nav-item:hover .nav-icon{color:#64748b}.sidebar-nav-item.active .nav-icon{color:#1f6153}.icon{flex-shrink:0;width:20px;height:20px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;font-size:20px;line-height:1}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#1f6153 0%,#2a7a69 50%,#34947f 100%);border-radius:4px;height:100%;transition:width .5s}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#6d7175;background-color:#fafbfb;border-bottom:1px solid #e1e3e5;padding:12px 16px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid #e1e3e5;padding:12px 16px}.data-table tr:hover{background-color:#fafbfb}.form-label{color:#202223;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.form-input{border:1px solid #8c9196;border-radius:8px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--app-primary);outline:none;box-shadow:0 0 0 3px #1f615326}.form-input:disabled{color:#8c9196;cursor:not-allowed;background-color:#f6f6f7}.form-select{cursor:pointer;background-color:#fff;border:1px solid #8c9196;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.form-select:focus{border-color:var(--app-primary);outline:none;box-shadow:0 0 0 3px #1f615326}.form-checkbox{width:18px;height:18px;accent-color:var(--app-primary);cursor:pointer}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--app-primary)0%,var(--app-primary-dark)100%);color:#fff;box-shadow:0 2px 4px #1f61534d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--app-primary-dark)0%,#134039 100%);transform:translateY(-1px);box-shadow:0 4px 8px #1f615366}.btn-secondary{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.btn-secondary:hover:not(:disabled){color:#1e293b;background-color:#f1f5f9;border-color:#94a3b8}.btn-critical{background-color:var(--app-error);color:#fff}.btn-critical:hover:not(:disabled){background-color:#bc2200}.drop-zone{text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:12px;padding:48px;transition:all .15s}.drop-zone:hover{border-color:var(--app-primary);background-color:#1f61530a}.drop-zone.active{border-color:var(--app-primary);background-color:#1f615314}.tabs-nav{border-bottom:1px solid #e2e8f0;margin-bottom:0;display:flex}.tab-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tab-button:hover{color:#1e293b}.tab-button.active{color:var(--app-primary);border-bottom-color:var(--app-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes pulseNavItem{0%{box-shadow:0 0 #1f6153b3}50%{box-shadow:0 0 0 8px #1f615300}to{box-shadow:0 0 #1f615300}}.toast{color:#fff;z-index:10003;background:linear-gradient(135deg,#1f6153 0%,#2a7a69 100%);border-radius:12px;align-items:center;gap:12px;padding:16px 24px;animation:.3s ease-out toastSlideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #1f61534d}.toast-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-message{font-size:14px;font-weight:500}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}