*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ff9900;--primary-dark: #e88b00;--navy: #232f3e;--navy-light: #37475a;--success: #1d8102;--danger: #d13212;--warning: #ff9900;--info: #0073bb;--bg: #f7f9fc;--card-bg: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);--radius: 10px;--radius-sm: 6px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#1a2332,#232f3e);color:#fff;padding:1.8rem 1.2rem;position:fixed;height:100vh;overflow-y:auto;z-index:100}.sidebar h2{font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.3rem}.sidebar .user-info{font-size:.82rem;opacity:.7;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .user-info strong{display:block;font-size:.9rem;opacity:1;margin-bottom:.2rem}.sidebar nav{display:flex;flex-direction:column;gap:.2rem}.sidebar nav a{display:flex;align-items:center;gap:.6rem;color:#ffffffb3;text-decoration:none;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:450;transition:all .15s ease}.sidebar nav a:hover{background:#ffffff14;color:#fff}.sidebar nav a.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #ff99004d}.sidebar .date-filter{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar .date-filter label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin-bottom:.4rem}.sidebar select{width:100%;padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:.85rem;cursor:pointer}.sidebar select option{background:var(--navy)}.sidebar .logout-btn{margin-top:2rem;width:100%;padding:.6rem;background:#d1321226;color:#ff6b6b;border:1px solid rgba(209,50,18,.3);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease}.sidebar .logout-btn:hover{background:#d132124d}.main-content{margin-left:260px;flex:1;padding:2.5rem 3rem;max-width:1400px}.main-content h2{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.5rem;color:var(--navy)}.main-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;color:var(--navy)}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-bottom:2rem}.metric-card{background:var(--card-bg);border-radius:var(--radius);padding:1.4rem 1.5rem;border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.metric-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.metric-card .label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-card .value{font-size:2rem;font-weight:800;color:var(--navy);margin-top:.3rem;letter-spacing:-1px}.data-table{width:100%;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);margin:1rem 0}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:#f9fafb;padding:.85rem 1.2rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border)}.data-table td{padding:.8rem 1.2rem;border-bottom:1px solid #f3f4f6;font-size:.88rem}.data-table tr:hover{background:#fafbfd}.data-table tr:last-child td{border-bottom:none}.kanban{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem;margin-top:1rem}.kanban-col{background:#f3f4f6;border-radius:var(--radius);padding:1.2rem;min-height:350px}.kanban-col h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--border)}.kanban-card{background:var(--card-bg);border-radius:var(--radius-sm);padding:1rem;margin-bottom:.7rem;box-shadow:var(--shadow);border:1px solid var(--border);border-left:4px solid var(--primary);transition:transform .1s ease,box-shadow .1s ease}.kanban-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.kanban-card .name{font-weight:700;font-size:.92rem;color:var(--navy)}.kanban-card .meta{font-size:.8rem;color:var(--text-muted);margin-top:.35rem;line-height:1.4}.kanban-card button{margin-top:.7rem;padding:.4rem .9rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;transition:background .15s ease}.kanban-card button:hover{background:var(--primary-dark)}.btn{padding:.65rem 1.3rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:600;transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #f903}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b82a0f}.btn-success{background:var(--success);color:#fff}.alert{padding:.9rem 1.2rem;border-radius:var(--radius-sm);margin-bottom:1.2rem;font-size:.88rem;font-weight:500}.alert-error{background:#fef2f0;border:1px solid #fecdc8;color:var(--danger)}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:var(--success)}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:var(--info)}.upload-zone{border:2px dashed #d1d5db;border-radius:var(--radius);padding:3rem 2rem;text-align:center;background:var(--card-bg);cursor:pointer;transition:all .2s ease}.upload-zone:hover{border-color:var(--primary);background:#fffbf0;transform:translateY(-2px);box-shadow:var(--shadow-md)}.sla-healthy{color:var(--success)}.sla-warning{color:var(--warning);font-weight:600}.sla-critical{color:var(--danger);font-weight:700}.sla-breached{color:var(--danger);font-weight:800}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a2332,#232f3e,#2d3a4a)}.login-card{background:#fff;border-radius:16px;padding:3rem;width:420px;box-shadow:0 20px 60px #0000004d}.login-card h1{font-size:2.2rem;font-weight:800;letter-spacing:-1px;color:var(--navy)}.login-card h3{color:var(--text-muted);font-weight:400;font-size:1rem;margin-bottom:2.5rem}.login-card input{width:100%;padding:.9rem 1rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;margin-bottom:1rem;transition:border-color .2s ease}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff99001a}.login-card .btn{width:100%;padding:.9rem;font-size:1rem;justify-content:center}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#6b7280;font-size:.9rem}.loading:before{content:"";width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:#f90;border-radius:50%;animation:spin .6s linear infinite;margin-right:.8rem}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:2rem;right:2rem;padding:.8rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease}.toast-success{background:#ecfdf5;color:#1d8102;border:1px solid #a7f3d0}.toast-error{background:#fef2f0;color:#d13212;border:1px solid #fecdc8}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.help-tip{display:inline-block;width:16px;height:16px;background:#e5e7eb;color:#6b7280;border-radius:50%;text-align:center;font-size:11px;line-height:16px;cursor:help;margin-left:.3rem;position:relative}.help-tip:hover:after{content:attr(data-tip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#232f3e;color:#fff;padding:.5rem .8rem;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:100;max-width:300px;white-space:normal}.sla-timer{font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;display:inline-block}.sla-timer.healthy{background:#ecfdf5;color:#1d8102}.sla-timer.warning{background:#fffbeb;color:#92400e}.sla-timer.critical{background:#fef2f0;color:#d13212}.sla-timer.breached{background:#d13212;color:#fff}@media (max-width: 1024px){.main-content{padding:1.5rem}.kanban{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0}.metrics-row{grid-template-columns:1fr 1fr}}