:root{color-scheme:dark;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#07111f;color:#edeff4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(0,240,255,.12),transparent 25%),linear-gradient(180deg,#07111f,#03070f)}button,input,textarea,select{font:inherit}.page-shell{width:min(1200px,100%);margin:0 auto;padding:24px}.login-shell,.notfound-shell{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card,.notfound-card{background:#0e1628f2;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:32px;width:min(420px,100%);box-shadow:0 28px 70px #00000047}.login-brand{text-align:center;margin-bottom:24px}.login-brand .login-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:#00f0ff1f;color:#00f0ff;margin-bottom:14px;font-size:28px;font-weight:700}.login-brand h1{margin-bottom:8px;font-size:24px}.login-brand p{margin:0;color:#9ca3af}.login-form{display:grid;gap:16px}.login-form label{color:#cbd5e1;font-size:.95rem}.login-form input,.login-form textarea,.login-form select{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172af2;color:#f8fafc;padding:12px 14px}.btn-primary,.btn-secondary,.btn-link{border:none;border-radius:14px;cursor:pointer;padding:12px 18px;transition:transform .16s ease,background-color .16s ease}.btn-primary{background:linear-gradient(135deg,#06b6d4,#0ea5e9);color:#fff}.btn-secondary{background:#ffffff14;color:#e2e8f0}.btn-link{background:none;color:#60a5fa;padding:0}.btn-primary:hover,.btn-secondary:hover,.btn-link:hover{transform:translateY(-1px)}.error-message,.message-box{background:#f8717124;border:1px solid rgba(248,113,113,.35);border-radius:14px;padding:12px 14px;color:#fee2e2}.dashboard-shell{display:grid;gap:24px}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.brand-row{display:flex;align-items:center;gap:14px}.brand-mark{width:56px;height:56px;border-radius:16px;background:#00f0ff29;display:grid;place-items:center;color:#00f0ff;font-weight:800}.top-actions{display:flex;align-items:center;gap:16px}.overview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.overview-card{background:#0f172ae0;border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:24px}.overview-card strong{display:block;margin-bottom:10px;color:#cbd5e1}.overview-card span{font-size:2rem;font-weight:700}.section-block{background:#0a1222f2;border:1px solid rgba(148,163,184,.12);border-radius:26px;padding:24px}.section-block h2{margin-top:0}.sector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.sector-card{background:#0f172ae6;border:1px solid rgba(148,163,184,.14);border-radius:22px;text-align:left;padding:20px;color:#f8fafc;transition:transform .16s ease,border-color .16s ease}.sector-card:hover{transform:translateY(-2px);border-color:#38bdf866}.sector-disabled{opacity:.42;cursor:not-allowed}.sector-icon{font-size:28px;margin-bottom:14px}.report-list{display:grid;gap:14px}.report-item{background:#0f172ad1;border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:18px}.report-meta{display:flex;justify-content:space-between;gap:8px;color:#94a3b8;margin-bottom:10px}.report-type{font-weight:700;margin-bottom:6px}.report-data{color:#cbd5e1}.empty-state{color:#9ca3af;padding:18px;border-radius:16px;background:#94a3b814}.sector-shell{display:grid;gap:24px}.sector-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sector-header h1{margin:8px 0 4px}.sector-actions{display:flex;flex-direction:column;gap:10px}.sector-main{display:grid;gap:24px}.sector-form{display:grid;gap:18px;background:#0f172aeb;border:1px solid rgba(148,163,184,.12);border-radius:24px;padding:22px}.form-row,.input-group{display:grid;gap:10px}.section-title{margin:0;font-weight:700}.table-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.history-section{background:#0f172aeb;border:1px solid rgba(148,163,184,.12);border-radius:24px;padding:22px}.history-list{display:grid;gap:12px}.history-item{background:#07111fe6;border-radius:16px;padding:14px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kpi-card{background:#0f172aeb;border:1px solid rgba(148,163,184,.12);border-radius:22px;padding:24px}.kpi-card strong{display:block;color:#cbd5e1;margin-bottom:8px}.kpi-card span{font-size:2.2rem;font-weight:700}@media (max-width: 900px){.overview-row,.sector-grid,.table-input-grid,.kpi-grid{grid-template-columns:1fr}}.app-layout{display:flex;flex-direction:row;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:#141b2d;border-right:1px solid #374151;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #374151;color:#00f0ff;font-size:1rem}.sidebar-header h2{margin:0;font-size:1.1rem}.sidebar-nav{list-style:none;padding:20px 0;margin:0}.sidebar-nav li a{display:flex;align-items:center;gap:15px;padding:15px 20px;color:#9ca3af;text-decoration:none;transition:.3s}.sidebar-nav li a:hover{background-color:#3b82f61a;color:#3b82f6;border-left:4px solid #3b82f6}.main-content{flex:1;overflow-y:auto;padding:30px;background-color:#0a1128}.content-header{margin-bottom:30px;border-bottom:1px solid #374151;padding-bottom:15px}.content-header h1{margin:0 0 6px;font-size:1.6rem}.text-muted{color:#9ca3af;margin:0}.dept-body-container{display:flex;flex-direction:column;gap:0}.shifts-container{display:flex;gap:15px;margin-bottom:20px}.shift-btn{flex:1;padding:15px;background-color:#141b2d;border:1px solid #374151;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:.3s}.shift-btn:hover,.shift-btn.active{background-color:#3b82f6;border-color:#00f0ff}.form-card{background-color:#141b2d;padding:25px;border-radius:12px;border:1px solid #374151}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#9ca3af;font-size:14px}.form-group textarea,.form-group input,.form-group select{width:100%;padding:12px;background-color:#0a1128;border:1px solid #374151;color:#fff;border-radius:8px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00f0ff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-add{background-color:#00f0ff;color:#000;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700;margin-bottom:15px;display:inline-flex;align-items:center;gap:8px}.btn-add:hover{opacity:.85}.template-section{background-color:#0003;border:1px solid #374151;border-radius:8px;padding:20px;margin-bottom:25px}.report-item{background:#ffffff0d;padding:12px;border-radius:8px;border-left:4px solid #00F0FF;font-size:.9rem}.empty-state{color:#9ca3af;padding:18px;border-radius:8px;background:#94a3b814}.message-box{background:#f8717124;border:1px solid rgba(248,113,113,.35);border-radius:8px;padding:12px 14px;color:#fee2e2}@media (max-width: 768px){.app-layout{flex-direction:column;height:auto}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;height:56px;border-right:none;border-bottom:1px solid #374151}.sidebar-header{border-bottom:none;padding:0}.sidebar-nav{display:flex;padding:0;gap:4px}.sidebar-nav li a{padding:10px 14px}.main-content{padding:16px;overflow-y:unset}.grid-2{grid-template-columns:1fr}.shifts-container{flex-direction:column}}.dashboard-container{padding:18px;max-width:1180px;margin:18px auto 30px;width:100%;background:#080e1de0;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 35px #00000059}.dashboard-top-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#050c17b3}.dashboard-brand-row{display:flex;align-items:center;gap:12px}.nav-logo{height:38px;width:auto;object-fit:contain;border-radius:8px;background:#ffffff14;padding:6px}.dashboard-actions-row{display:flex;align-items:center;gap:10px}.user-info{color:#e5e7eb;font-size:.9rem;font-weight:500;margin-right:10px}.dashboard-logo{width:46px;height:auto;object-fit:contain;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff0d;padding:5px}.logout-btn{background:#242c41e6;border:1px solid rgba(0,224,255,.35);color:#ebf8ff;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.logout-btn:hover{transform:translateY(-1px);background:#00dcff24;border-color:#00f0ffcc}.dashboard-header{text-align:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:15px;margin-bottom:20px}.dashboard-header h2{margin-bottom:8px;font-size:clamp(1.5rem,3vw,2.2rem)}.dashboard-header p{color:#9ca4b4}.recent-reports-section{margin-top:30px;padding:20px;background:#0f1525bf;border:1px solid rgba(255,255,255,.12);border-radius:14px;margin-bottom:24px}.recent-reports-section h3{margin-bottom:15px;color:#00f0ff;font-size:1.2rem}#recent-reports-list{display:flex;flex-direction:column;gap:10px}.grid-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;align-items:stretch;margin-top:24px}.category-card{background:#0f1525bf;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px;text-align:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.category-card:hover{transform:translateY(-5px);border-color:#00e0ff99;box-shadow:0 10px 26px #00a0ff40;background:#101a30f2}.category-card h3{font-size:1.4rem;margin:12px 0 8px}.category-card p{color:#a8b4c7;margin-top:4px}.icon-style{font-size:2.2rem;display:block;margin-bottom:4px}.text-green{color:#4ade80}.text-blue{color:#60a5fa}.text-red{color:#f87171}.text-teal{color:#2dd4bf}.text-purple{color:#c084fc}.text-orange{color:#fb923c}.text-dark-blue{color:#818cf8}.report-item .timestamp{color:#9ca4b4;font-size:.8rem}.report-item .sector{color:#00f0ff;font-weight:700}.report-item .type{color:#e5e7eb}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.kpi-input-box{background-color:#0a1128;border:1px solid #374151;border-radius:8px;padding:10px;text-align:center}.kpi-input-box label{display:block;font-size:11px;color:#9ca3af;margin-bottom:5px;text-transform:uppercase}.kpi-input-box input{width:100%;background:transparent;border:none;color:#fff;font-size:18px;text-align:center;font-weight:700;outline:none}.kpi-input-box input:focus{color:#00f0ff}.stats-grid-6{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.sub-dept-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.sub-dept-card{background-color:#141b2d;border:1px solid #374151;padding:20px;border-radius:12px;text-align:center;cursor:pointer;transition:.3s}.sub-dept-card:hover{border-color:#3b82f6;background-color:#3b82f61a;transform:translateY(-5px)}.sub-dept-card i{font-size:30px;color:#00f0ff;margin-bottom:10px;display:block}.tabs-container{display:flex;gap:10px;margin:20px 0;background-color:#0000004d;padding:5px;border-radius:8px}.tab-btn{flex:1;padding:12px;background:transparent;color:#9ca3af;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:700;transition:.3s}.tab-btn.active{background-color:#3b82f6;color:#fff}.tab-content{display:none;animation:fadeIn .4s}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.codes-grid{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:25px}.code-badge-btn{background-color:#141b2d;border:1px dashed #00F0FF;color:#00f0ff;padding:10px 25px;border-radius:8px;font-weight:700;cursor:pointer;font-size:16px}.code-badge-btn:hover,.code-badge-btn.active{background-color:#00f0ff;color:#000}.source-profile-card{background:linear-gradient(135deg,#141b2d,#0b132b);border:1px solid #374151;padding:20px;border-radius:12px;display:flex;gap:20px;margin-bottom:20px}.profile-avatar{width:80px;height:80px;background-color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;flex-shrink:0}.table-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.data-table{width:100%;border-collapse:collapse;margin-top:20px}.data-table th,.data-table td{padding:15px;text-align:left;border-bottom:1px solid #374151}.data-table th{background-color:#0003;color:#9ca3af}.data-table tr:hover{background-color:#ffffff05}@media (max-width: 900px){.dashboard-top-bar{flex-direction:column;align-items:flex-start}.grid-categories{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}}