.sidebar{background:#0f172ae6;border-right:1px solid #00d9ff26;flex-direction:column;width:270px;min-height:100vh;padding:30px 20px;display:flex}.logo{align-items:center;gap:12px;margin-bottom:15px;display:flex}.logo svg{color:#00d9ff;width:32px;height:32px}.logo h2{color:#fff;margin:0;font-size:20px;font-weight:700}.role{color:#00d9ff;margin-bottom:40px;font-size:14px;font-weight:500}.menu{flex-direction:column;gap:10px;display:flex}.menu a{color:#cbd5e1;border-radius:15px;align-items:center;gap:15px;padding:15px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.menu a svg{width:20px;height:20px}.menu a:hover{color:#fff;background:#00d9ff1f}.menu a.active{color:#fff;background:#00d9ff26;border-left:3px solid #00d9ff}.logout{color:#ff6b81;cursor:pointer;border-radius:15px;align-items:center;gap:15px;margin-top:auto;padding:15px;font-weight:500;transition:all .3s;display:flex}.logout:hover{background:#ff6b811a}.logout svg{width:20px;height:20px}.product-info{color:#e4c5c5!important}.inspection-status{color:#c4b5fd}.status-pass{color:#4ade80;background:#4ade801f;border-radius:6px;padding:5px 12px;font-weight:600;display:inline-block}.status-fail{color:#f87171;background:#f871711f;border-radius:6px;padding:5px 12px;font-weight:600;display:inline-block}*{box-sizing:border-box}body{color:#e5f6ff;background:radial-gradient(circle at 0 0,#12305a,#050816 45%);margin:0;font-family:Inter,Segoe UI,sans-serif}.dashboard-container{background:linear-gradient(135deg,#061228f2,#030712fa);min-height:100vh;display:flex}.dashboard-main{flex:1;min-width:0;padding:30px 40px;overflow:hidden auto}.header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header h1{color:#fff;margin:0;font-size:32px;font-weight:700}.header p{color:#00d9ff;margin:8px 0;font-size:18px}.header span{color:#94a3b8}.notification{background:#16243b;border:1px solid #00d9ff40;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.kpi-container{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.kpi-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#1e293ba6;border:1px solid #00d9ff2e;border-radius:20px;flex-direction:column;justify-content:center;min-height:145px;padding:22px;transition:all .3s;display:flex;box-shadow:0 0 20px #0000004d}.kpi-card:hover{border-color:#00d9ff;transform:translateY(-3px);box-shadow:0 0 25px #00d9ff40}.kpi-card h4{color:#aebbd0;margin:0 0 12px;font-size:14px;font-weight:600}.kpi-card h2{color:#00d9ff;margin:0;font-size:34px;font-weight:700}.kpi-card p{color:#cbd5e1;margin:8px 0 0;font-size:14px}.kpi-card span{color:#00ff9d;font-weight:600}.dashboard-grid{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:25px;margin-bottom:25px;display:grid}.panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#e5f6ff;background:#1e293ba6;border:1px solid #00d9ff26;border-radius:22px;min-width:0;padding:25px;box-shadow:0 15px 40px #00000059}.panel h2{color:#fff;margin-top:0;margin-bottom:22px;font-size:22px;font-weight:700}.defect p{color:#e5f6ff;justify-content:space-between;align-items:center;margin-top:22px;margin-bottom:8px;font-size:16px;font-weight:500;display:flex}.defect p span{color:#cbd5e1;font-weight:600}.bar{background:#334155;border-radius:10px;width:100%;height:10px;overflow:hidden}.scratch{background:#00d9ff;width:42%}.crack{background:#fc0;width:18%}.dent{background:#ff7b00;width:12%}.rust{background:#ff4d6d;width:8%}.quality-summary{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px;display:grid}.quality-item{background:#232933;border:1px solid #3b4556;border-radius:12px;flex-direction:column;justify-content:center;gap:10px;min-height:105px;padding:20px;display:flex}.quality-item:hover{background:#272e3a;border-color:#00d9ff73}.quality-item span{color:#b7c3d5;font-size:14px;font-weight:500}.quality-item strong{color:#fff;font-size:30px;font-weight:700}.quality-item:first-child strong{color:#00ff9d}.quality-item:nth-child(2) strong{color:#ff4d6d}.quality-total{background:#1d222b;border:1px solid #303846;border-radius:10px;justify-content:space-between;align-items:center;min-height:58px;margin-top:18px;padding:17px 20px;display:flex}.quality-total span{color:#b7c3d5;font-size:14px;font-weight:500}.quality-total strong{color:#fff;font-size:23px;font-weight:700}.inspection-result{background:#111c32;border:1px solid #273955;border-radius:15px;margin-top:25px;padding:18px}.inspection-result h1{color:#00ff9d;margin:0 0 12px;font-size:32px}.inspection-result h3{color:#fff;margin-top:12px;margin-bottom:12px}.inspection-result p{color:#cbd5e1;margin:8px 0;font-size:15px}.inspection-result b{color:#fff}.pass{color:#00ff9d}.fail{color:#ff4d6d}td.pass{font-weight:700;color:#00ff9d!important}td.fail{font-weight:700;color:#ff4d6d!important}.panel table{color:#e5f6ff;border-collapse:collapse;table-layout:auto;width:100%}.panel th{color:#aebbd0;text-align:left;white-space:nowrap;border-bottom:1px solid #334155;padding:15px;font-size:14px;font-weight:600}.panel td{color:#e5f6ff;vertical-align:middle;border-bottom:1px solid #94a3b81a;padding:15px;font-size:15px}.panel tbody tr:hover{background:#00d9ff14}.panel td:nth-child(2){color:#fff;font-weight:500}.panel td:nth-child(4){color:#00d9ff;font-weight:600}.panel td:nth-child(5){color:#cbd5e1}table{border-collapse:collapse;width:100%}th{text-align:left;color:#94a3b8;border-bottom:1px solid #334155;padding:15px}td{border-bottom:1px solid #94a3b81a;padding:15px}tr:hover{background:#00d9ff0d}.upload-box{color:#94a3b8;border:2px dashed #00d9ff66;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:250px;margin-top:20px;display:flex}.upload-box svg{color:#00d9ff}.upload-box h3{color:#fff}.upload-box button{color:#03111f;cursor:pointer;background:linear-gradient(90deg,#00d9ff,#00ff9d);border:none;border-radius:12px;margin-top:15px;padding:12px 28px;font-weight:700}.upload-box button:hover{transform:scale(1.05)}@media (width<=1100px){.dashboard-main{padding:25px}.kpi-container{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-main{padding:20px 15px}.header{align-items:flex-start;gap:15px}.header h1{font-size:26px}.header p{font-size:16px}.kpi-container{grid-template-columns:1fr;gap:15px}.kpi-card{min-height:125px}.dashboard-grid{grid-template-columns:1fr;gap:18px}.panel{border-radius:18px;padding:20px;overflow-x:auto}.quality-summary{grid-template-columns:1fr}.quality-item{min-height:90px}.panel table{min-width:650px}}.results-page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.results-page-header h1{color:#fff;margin:0;font-size:30px;font-weight:700}.results-page-header p{color:#94a3b8;margin-top:8px;font-size:15px}.results-summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.result-summary-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid #00d9ff29;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:135px;padding:20px;display:flex;box-shadow:0 10px 30px #00000040}.result-summary-card span{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-size:13px;font-weight:600}.result-summary-card strong{color:#fff;font-size:32px;line-height:1}.result-summary-card small{color:#64748b;font-size:12px}.result-summary-pass{border-color:#00ff9d47}.result-summary-pass strong{color:#00ff9d}.result-summary-fail{border-color:#ff4d6d47}.result-summary-fail strong{color:#ff4d6d}.results-monitor-panel{background:#0f172ad1;border:1px solid #00d9ff24;border-radius:20px;padding:25px;box-shadow:0 15px 40px #0000004d}.results-monitor-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:18px;display:flex}.results-monitor-header h2{color:#fff;margin:0;font-size:21px}.results-monitor-header p{color:#94a3b8;margin:7px 0 0;font-size:14px}.results-live-indicator{color:#00ff9d;background:#00ff9d14;border:1px solid #00ff9d33;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.results-live-indicator span{background:#00ff9d;border-radius:50%;width:7px;height:7px}.result-list{flex-direction:column;gap:12px;display:flex}.inspection-result-card{background:#111827;border:1px solid #263244;border-radius:14px;grid-template-columns:1.5fr .8fr 1.2fr .8fr;align-items:center;gap:25px;padding:18px 20px;transition:all .2s;display:grid}.inspection-result-card:hover{background:#151f30;border-color:#00d9ff66}.result-label{color:#64748b;letter-spacing:1px;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.result-product h3{color:#fff;margin:0;font-size:16px}.result-product p{color:#00d9ff;margin:5px 0 0;font-size:12px;font-weight:600}.result-status-badge{color:#fff;background:#334155;border-radius:8px;justify-content:center;align-items:center;min-width:70px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.result-status-badge.pass{color:#00ff9d;background:#00ff9d1a;border:1px solid #00ff9d4d}.result-status-badge.fail{color:#ff4d6d;background:#ff4d6d1a;border:1px solid #ff4d6d4d}.confidence-value{color:#00d9ff;margin-bottom:8px;font-size:18px;font-weight:700}.confidence-track{background:#263244;border-radius:10px;width:100%;height:6px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#00d9ff,#00ff9d);border-radius:10px;height:100%}.result-processing strong{color:#e5f6ff;font-size:15px}.no-results{text-align:center;background:#0f172a80;border:1px dashed #334155;border-radius:14px;padding:55px 20px}.no-results h3{color:#fff;margin-bottom:8px}.no-results p{color:#64748b}@media (width<=1100px){.results-summary-grid{grid-template-columns:repeat(2,1fr)}.inspection-result-card{grid-template-columns:1fr 1fr}}@media (width<=700px){.results-summary-grid{grid-template-columns:1fr}.results-monitor-header{flex-direction:column;align-items:flex-start;gap:15px}.inspection-result-card{grid-template-columns:1fr;gap:16px}}.recent-factory-panel{margin-top:30px}.ai-model-panel{min-height:95%;margin-bottom:auto}.ai-model-description{background:#0f172a73;border:1px solid #00d9ff1f;border-radius:10px;margin-top:20px;padding:16px}.ai-model-name{color:#00d9ff;margin-bottom:10px;font-size:18px;font-weight:700}.ai-model-description p{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.ai-performance-stats{flex-direction:column;gap:14px;margin-top:20px;display:flex}.ai-performance-item{background:#1e293b8c;border:1px solid #94a3b814;border-radius:9px;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.ai-performance-item span{color:#94a3b8;font-size:13px}.ai-performance-item strong{color:#f1f5f9;font-size:17px;font-weight:700}.production-chart-panel{box-sizing:border-box;width:100%;overflow:hidden}.chart-scroll-container{width:100%;padding-bottom:10px;overflow:auto hidden}.chart-scroll-content{height:320px}.chart-scroll-container::-webkit-scrollbar{height:8px}.chart-scroll-container::-webkit-scrollbar-track{background:#0f172a99;border-radius:10px}.chart-scroll-container::-webkit-scrollbar-thumb{background:#38bdf859;border-radius:10px}.chart-scroll-container::-webkit-scrollbar-thumb:hover{background:#38bdf88c}button{font-family:inherit}@keyframes pulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(.9)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background:#eef2f7;font-family:Segoe UI,sans-serif}.auth-container{background:#eef2f7;min-height:100vh;display:flex;overflow:hidden}.left-section{background:linear-gradient(145deg,#0f172a 0%,#172554 45%,#1e293b 100%);width:52%;height:100vh;position:fixed;top:0;left:0}.left-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#3b82f61f,#0000 45%);position:absolute;inset:0}.corner-logo{z-index:20;color:#fff;opacity:.95;position:absolute;top:28px;left:32px}.corner-logo svg{width:58px;height:58px}.overlay{z-index:5;flex-direction:column;width:100%;height:100%;padding:60px 60px 30px;display:flex;position:relative}.status-badge{letter-spacing:.6px;color:#86efac;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e1a;border:1px solid #22c55e40;border-radius:999px;align-self:flex-end;align-items:center;gap:10px;margin-bottom:34px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.8s infinite pulse}.brand{align-items:center;gap:18px;margin-bottom:28px;display:flex}.brand svg{color:#38bdf8}.brand h1{color:#fff;letter-spacing:-1px;font-size:2.8rem;font-weight:800}.brand p{color:#cbd5e1;margin-top:8px;font-size:1.05rem;line-height:1.5}.objective-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;margin-bottom:26px;padding:22px}.objective-card h3{color:#67e8f9;margin-bottom:14px;font-size:1.2rem;font-weight:700}.objective-card p{color:#d6e3ef;font-size:.96rem;line-height:1.75}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.feature-grid div{color:#a7f3d0;background:#ffffff0d;border-radius:10px;padding:10px 14px;font-size:.92rem}.right-section{justify-content:center;align-items:flex-start;width:48%;height:100vh;margin-left:52%;padding:50px;display:flex;overflow-y:auto}.quote{color:#cbd5e1;margin-top:auto;padding-top:25px;font-size:15px;font-style:italic;line-height:1.7}.form-card{background:#fff;border-radius:22px;width:100%;max-width:500px;padding:42px;box-shadow:0 20px 60px #0f172a1a}.form-header{margin-bottom:30px}.form-header h2{color:#0f172a;font-size:2rem;font-weight:700}.form-header p{color:#64748b;margin-top:8px;line-height:1.6}.form-group{margin-bottom:18px}.form-group label{color:#334155;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.form-group input,.form-group select{color:#1e293b;background:#fff;border:1px solid #dbe4ee;border-radius:12px;width:100%;height:52px;padding:0 16px;font-size:.96rem;transition:all .25s}.form-group input::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.password-wrapper{position:relative}.password-wrapper input{padding-right:52px}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:#2563eb;background:#f1f5f9}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;width:100%;height:54px;margin-top:10px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 12px 28px #2563eb47}.auth-submit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 18px 36px #2563eb59}.auth-footer{text-align:center;color:#64748b;margin-top:22px;font-size:.95rem}.auth-footer a{color:#2563eb;font-weight:600;text-decoration:none;transition:all .2s}.auth-footer a:hover{color:#1d4ed8;text-decoration:underline}.stats{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:14px;padding:18px;transition:all .3s;display:flex;overflow:hidden}.stat-card:hover{background:#ffffff17;transform:translateY(-4px)}.stat-icon{background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-content{flex:1}.stat-content h2{color:#fff;margin-bottom:6px;font-size:1.7rem;font-weight:800}.stat-content h4{color:#f8fafc;margin-bottom:4px;font-size:.95rem;font-weight:600}.stat-content p{color:#94a3b8;font-size:.82rem;line-height:1.4}.login-note{text-align:center;color:#94a3b8;margin-top:24px;font-size:.9rem;line-height:1.6}.animated-bg{pointer-events:none;opacity:.13;position:absolute;inset:0;overflow:hidden}.grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;animation:18s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(48px)}}.floating{color:#38bdf8;opacity:.9;filter:drop-shadow(0 0 12px #38bdf840);position:absolute}.camera{animation:8s ease-in-out infinite floatOne;top:12%;right:10%}.product{animation:9s ease-in-out infinite floatTwo;top:52%;left:10%}.scanner{animation:7s ease-in-out infinite floatThree;bottom:14%;right:16%}.spark{color:#22c55e;animation:2.5s infinite sparkPulse;top:68%;right:38%}.node{background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 12px #22c55e}.n1{animation:2.5s infinite blink;top:18%;left:30%}.n2{animation:3s infinite blink;top:38%;left:58%}.n3{animation:2.2s infinite blink;top:72%;left:20%}.n4{animation:3.3s infinite blink;top:62%;right:20%}.n5{animation:2.8s infinite blink;top:30%;right:38%}.line{opacity:.35;background:linear-gradient(90deg,#38bdf8,#0000);height:2px;position:absolute}.l1{width:180px;top:28%;left:28%;transform:rotate(18deg)}.l2{width:170px;top:56%;left:48%;transform:rotate(-22deg)}.l3{width:180px;bottom:26%;right:18%;transform:rotate(15deg)}.left-section:after{content:"";background:radial-gradient(circle,#3b82f626,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-220px;right:-180px}@keyframes floatOne{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes floatTwo{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}@keyframes floatThree{0%,to{transform:translate(0)}50%{transform:translate(-18px)}}@keyframes sparkPulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}to{opacity:.4;transform:scale(.8)}}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}::selection{color:#fff;background:#2563eb}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#64748b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-card{animation:.7s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}input{transition:border-color .25s,box-shadow .25s,transform .2s}input:focus{transform:translateY(-1px)}a{transition:all .25s}.objective-card,.stat-card{transition:transform .3s,background .3s,box-shadow .3s}.objective-card:hover{background:#ffffff14;transform:translateY(-3px)}.stat-card:hover{box-shadow:0 14px 30px #0000002e}.brand{align-items:flex-start}.brand svg{margin-top:6px}.login-note{color:#cbd5e1;font-style:italic;line-height:1.7}@media (width<=1200px){.overlay{padding:40px}.brand h1{font-size:2.4rem}}@media (width<=992px){.auth-container{flex-direction:column}.left-section{min-height:380px}.right-section{padding:35px}.stats{grid-template-columns:1fr 1fr}}@media (width<=768px){.overlay{padding:35px 28px}.brand{flex-direction:column;gap:12px}.brand h1{font-size:2rem}.feature-grid,.stats{grid-template-columns:1fr}.form-card{padding:32px 24px}}@media (width<=500px){.corner-logo{top:18px;left:18px}.corner-logo svg{width:48px;height:48px}.status-badge{padding:6px 12px;font-size:.75rem}.brand h1{font-size:1.7rem}.form-header h2{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.login-form{flex-direction:column;display:flex}.login-form label{color:#37474f;margin-bottom:8px;font-weight:600}.login-form input{border:1px solid #cfd8dc;border-radius:10px;margin-bottom:20px;padding:14px;font-size:15px;transition:all .3s}.login-form input:focus{border-color:#1565c0;outline:none;box-shadow:0 0 0 4px #1565c01f}.password-box input{width:100%;padding-right:50px}.eye-btn{cursor:pointer;color:#607d8b;background:0 0;border:none;position:absolute;top:8px;right:10px}.login-btn{color:#fff;background:#1565c0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.login-btn:hover{background:#0d47a1;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;background:#90caf9;transform:none}.login-footer{text-align:center;margin-top:30px}.login-footer a{color:#1565c0;margin-left:8px;font-weight:600;text-decoration:none}.error-box{color:#d32f2f;background:#fdecea;border-left:4px solid #d32f2f;border-radius:8px;margin-bottom:20px;padding:12px;animation:.35s shake}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.analytics-grid{grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;display:grid}.defect-row{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.defect-row:last-child{border-bottom:none}@media (width<=900px){.analytics-grid{grid-template-columns:1fr}}.analytics-page-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.panel maximum-defect-panel{color:#fff;background:#ffffff14;border-radius:6px;padding:15px}.maximum-defect-panel{flex-direction:column;min-height:330px;display:flex}.maximum-defect-panel h2{margin-bottom:8px}.maximum-defect-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px 15px;display:flex}.maximum-defect-number{color:#f87171;margin-bottom:10px;font-size:64px;font-weight:800;line-height:1}.maximum-defect-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:24px;font-size:15px}.maximum-defect-product{background:#f8717112;border:1px solid #f8717140;border-radius:10px;flex-direction:column;gap:6px;width:100%;max-width:320px;padding:16px 20px;display:flex}.maximum-defect-product strong{color:#f1f5f9;font-size:18px;font-weight:700}.maximum-defect-product span{color:#94a3b8;letter-spacing:.5px;font-size:14px}.register-form{flex-direction:column;gap:12px;display:flex}.register-form label{color:#334155;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.two-column{grid-template-columns:1fr 1fr;gap:14px;display:grid}.register-form input,.register-form select{background:#fff;border:1px solid #d6dee8;border-radius:10px;width:100%;height:46px;padding:0 14px;font-size:14px;transition:all .25s}.register-form input:focus,.register-form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.password-box{position:relative}.password-box input{padding-right:48px}.eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:#2563eb;background:#f1f5f9}.strength{gap:6px;margin-top:-4px;display:flex}.bar{background:#e5e7eb;border-radius:20px;flex:1;height:5px}.bar.active{background:#22c55e}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;margin-top:6px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.register-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 12px 24px #2563eb38}.register-btn:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;color:#64748b;margin-top:8px;font-size:14px}.register-footer a{color:#2563eb;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}.success-box{color:#15803d;background:#ecfdf5;border-left:4px solid #22c55e;border-radius:8px;padding:10px 14px;animation:.3s fadeIn}.error-box{color:#dc2626;background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;padding:10px 14px;animation:.35s shake}.register-form select{cursor:pointer}.register-form input::placeholder{color:#94a3b8}.register-card{padding:28px 34px!important}@media (width<=1100px){.two-column{grid-template-columns:1fr}}@media (width<=900px){.auth-container{flex-direction:column}.left-section{min-height:340px}.right-section{padding:24px}}@media (width<=600px){.register-card{padding:24px}}:root{--rivet-color:#ffffff0f;--rivet-shadow:#0000008c;--hazard-dark:#14181f;--hazard-amber:#ffb020;--grid-line:#ffffff06}.upload-product-panel{box-sizing:border-box;background:repeating-linear-gradient(135deg,#ffffff03 0 1px,#0000 1px 5px),linear-gradient(#191d25,#171b22);border:1px solid #303845;border-radius:10px;width:100%;margin-bottom:30px;padding:30px;position:relative;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff0a,inset 0 -1px #0006}.upload-product-panel:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 16px 16px, var(--rivet-color) 0 3px, var(--rivet-shadow) 3px 4px, transparent 4px), radial-gradient(circle at calc(100% - 16px) 16px, var(--rivet-color) 0 3px, var(--rivet-shadow) 3px 4px, transparent 4px), radial-gradient(circle at 16px calc(100% - 16px), var(--rivet-color) 0 3px, var(--rivet-shadow) 3px 4px, transparent 4px), radial-gradient(circle at calc(100% - 16px) calc(100% - 16px), var(--rivet-color) 0 3px, var(--rivet-shadow) 3px 4px, transparent 4px);position:absolute;inset:0}.upload-product-panel:after{content:"";background:repeating-linear-gradient(90deg, var(--hazard-amber) 0 10px, var(--hazard-dark) 10px 20px);opacity:.55;height:2px;position:absolute;top:0;left:18px;right:18px}.upload-product-panel>h2{color:#fff;text-transform:uppercase;letter-spacing:1.4px;border-bottom:1px solid #303845;align-items:center;gap:10px;margin:0 0 28px;padding-bottom:20px;padding-left:2px;font-size:25px;font-weight:800;display:flex;position:relative}.upload-product-panel>h2:after{content:"";background:#50e68a;border-radius:50%;width:8px;height:8px;margin-left:4px;box-shadow:0 0 0 3px #50e68a24,0 0 6px #50e68aa6}.product-form{background:repeating-linear-gradient(0deg, var(--grid-line) 0px, var(--grid-line) 1px, transparent 1px, transparent 24px), repeating-linear-gradient(90deg, var(--grid-line) 0px, var(--grid-line) 1px, transparent 1px, transparent 24px), #1d232c;border:1px solid #303947;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;padding:22px;display:grid;box-shadow:inset 0 1px #ffffff08}.product-form input{box-sizing:border-box;color:#fff;background:#252c36;border:1px solid #414b5b;border-radius:5px;width:100%;min-width:0;height:48px;padding:0 16px;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:14px;font-weight:500;box-shadow:inset 0 1px 3px #00000059}.product-form input::placeholder{color:#9da9ba;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.product-form input:hover{border-color:#56657a}.product-form input:focus{border-color:#4fa7ff;outline:none;box-shadow:inset 0 1px 3px #00000059,0 0 0 2px #4fa7ff1f}.product-form input[type=date]{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.upload-box{box-sizing:border-box;background:repeating-linear-gradient(0deg, var(--grid-line) 0px, var(--grid-line) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(90deg, var(--grid-line) 0px, var(--grid-line) 1px, transparent 1px, transparent 20px), #1d232c;text-align:center;border:2px dashed #465266;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;margin-bottom:28px;padding:30px;display:flex;position:relative}.upload-box:before,.upload-box:after{content:"";opacity:.9;border:2px solid #465266;width:22px;height:22px;position:absolute}.upload-box:before{border-bottom:none;border-right:none;top:10px;left:10px}.upload-box:after{border-top:none;border-left:none;bottom:10px;right:10px}.upload-box>svg{color:#5aa9ff;filter:drop-shadow(0 0 6px #5aa9ff59);margin-bottom:10px}.upload-box h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:8px 0 18px;font-size:17px;font-weight:700}.upload-box input[type=file]{box-sizing:border-box;color:#d7e0ec;background:#161b22;border:1px solid #394454;border-radius:5px;width:100%;max-width:520px;margin-bottom:20px;padding:10px;font-size:13px;box-shadow:inset 0 1px 3px #0006}.upload-box button{color:#fff;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:linear-gradient(#ffffff1a,#fff0 40%),linear-gradient(135deg,#2c8cff,#1766d3);border:1px solid #4fa7ff;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-width:210px;height:46px;padding:0 24px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 2px #0000004d,inset 0 1px #ffffff26}.upload-box button:hover{background:linear-gradient(#ffffff24,#fff0 40%),linear-gradient(135deg,#3a96ff,#2075e2)}.upload-box button:disabled{opacity:.55;cursor:not-allowed}.preview-image{object-fit:contain;box-sizing:border-box;background:#0d1117;border:2px solid #398cf4;border-radius:6px;width:300px;max-width:100%;height:230px;margin-bottom:18px;padding:5px;box-shadow:0 0 0 4px #398cf41a}.inspection-result{box-sizing:border-box;color:#d9e1eb;background:#151a21;border:1px solid #354052;border-radius:10px;width:100%;margin-top:24px;padding:26px;position:relative}.inspection-result>svg{margin:0 auto 8px;display:block}.inspection-result h3{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1.2px;margin:8px 0 22px;font-size:19px;font-weight:800}.inspection-pass{background:linear-gradient(#18241e,#141a18);border-color:#267b4b}.inspection-pass>svg{color:#50e68a}.inspection-pass .ai-result-summary strong{color:#55ee91}.inspection-pass:before{content:"";background:#2f9d5f;border-radius:10px 10px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.inspection-fail{background:linear-gradient(#281a1d,#181519);border-color:#8b3943}.inspection-fail>svg{color:#ff6868}.inspection-fail .ai-result-summary strong{color:#ff6969}.inspection-fail:before{content:"";background:repeating-linear-gradient(135deg, var(--hazard-amber) 0 8px, var(--hazard-dark) 8px 16px);border-radius:10px 10px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.ai-result-summary{text-align:center;background:#10151b;border:1px solid #343d4b;border-radius:8px;margin-bottom:20px;padding:24px}.ai-result-summary h2{color:#dbe4ef;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:22px;font-weight:600}.ai-result-summary h2 strong{letter-spacing:0;margin-left:6px;font-size:30px;font-weight:800}.ai-result-summary p{color:#9da9ba;margin:0;font-size:15px}.ai-result-summary p b{color:#fff;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:17px}.inspection-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.inspection-details p{color:#8f9bad;text-transform:uppercase;letter-spacing:.6px;background:#1c222b;border:1px solid #303947;border-left:2px solid #465266;border-radius:4px;margin:0;padding:15px;font-size:11px}.inspection-details b{color:#fff;text-transform:none;letter-spacing:0;word-break:break-word;margin-top:6px;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:14px;display:block}.ai-model-result{background:#1c222b;border:1px solid #303947;border-radius:8px;margin-top:16px;padding:20px}.ai-model-result>h4{color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #303947;margin:0 0 16px;padding-bottom:12px;font-size:15px;font-weight:800}.ai-model-result>p{color:#aeb9c8;background:#171c24;border-left:2px solid #303947;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;margin:8px 0;padding:11px 13px;font-size:13px;display:flex}.ai-model-result>p b{color:#fff;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-weight:700}.defect-detections{border-top:1px solid #303947;margin-top:20px;padding-top:18px}.defect-detections>h4{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px;font-size:15px}.defect-item{background:#151a21;border:1px solid #343d4b;border-left:3px solid #ff6868;border-radius:5px;grid-template-columns:.7fr .8fr 2fr;align-items:center;gap:12px;margin-bottom:10px;padding:15px;display:grid}.defect-item p{color:#aeb9c8;margin:0;font-size:13px}.defect-item p:first-child{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.defect-item b{color:#fff}.defect-item p:last-child b{color:#8fc5ff;background:#202936;border:1px solid #40506a;border-radius:4px;padding:5px 8px;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:12px;display:inline-block}.result-image-section{background:#10151b;border:1px solid #343d4b;border-radius:8px;margin-top:22px;padding:22px;position:relative}.result-image-section h4{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:16px;font-weight:800}.result-image-section p{color:#929eae;margin:0 0 18px;font-size:13px;line-height:1.5}.result-image-section img{object-fit:contain;box-sizing:border-box;background:#080b0f;border:1px solid #394454;border-radius:5px;width:100%;max-width:900px;max-height:600px;margin:0 auto;padding:8px;display:block}@media (width<=1100px){.inspection-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.product-form,.defect-item{grid-template-columns:1fr}}@media (width<=600px){.upload-product-panel{padding:18px}.product-form{padding:15px}.upload-box{padding:20px 14px}.inspection-result{padding:18px}.inspection-details{grid-template-columns:1fr}.ai-result-summary h2{font-size:19px}.ai-result-summary h2 strong{font-size:25px}}.upload-product-panel *,.upload-box *,.inspection-result *{transition:none!important;animation:none!important}.severity-section{box-sizing:border-box;text-align:left;background:#1c222b;border:1px solid #394454;border-radius:8px;width:100%;margin-top:24px;padding:24px;position:relative;box-shadow:0 8px 20px #0003,inset 0 1px #ffffff08}.severity-section:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 14px 14px, var(--rivet-color) 0 3px, var(--rivet-shadow) 3px 4px, transparent 4px), radial-gradient(circle at calc(100% - 14px) 14px, var(--rivet-color) 0 3px, var(--rivet-shadow) 3px 4px, transparent 4px);position:absolute;inset:0}.severity-section h3,.severity-section h4{color:#fff;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid #303947;margin:0 0 18px;padding-bottom:14px;font-size:18px;font-weight:800}.severity-section p{color:#c3ccd9;margin:10px 0;font-size:14px;line-height:1.6}.severity-section strong,.severity-section b{color:#fff;font-weight:700}.severity-section .severity-score{box-sizing:border-box;background:#151a21;border:1px solid #343d4b;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;padding:16px 18px;display:flex;box-shadow:inset 0 1px 3px #0000004d}.severity-section .severity-score span{color:#9da8b8;text-transform:uppercase;letter-spacing:.8px;font-size:13px;font-weight:700}.severity-section .severity-score strong{color:#fff;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:24px;font-weight:800}.severity-section .severity-level{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#29313d;border:1px solid #465266;border-radius:3px;justify-content:center;align-items:center;padding:7px 16px;font-size:12px;font-weight:800;display:inline-flex}.severity-section.severity-low{border-color:#2f7f4e}.severity-section.severity-low .severity-level{color:#65ff9b;background:#183524;border-color:#2f7f4e}.severity-section.severity-medium{border-color:#8a7135}.severity-section.severity-medium .severity-level{color:#ffd76a;background:#332c18;border-color:#8a7135}.severity-section.severity-high{border-color:#9a5438}.severity-section.severity-high .severity-level{color:#ffad72;background:#38221b;border-color:#9a5438}.severity-section.severity-high:after{content:"";background:repeating-linear-gradient(135deg, #9a5438 0 8px, var(--hazard-dark) 8px 16px);opacity:.8;border-radius:8px 8px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.severity-section.severity-critical{border-color:#8b3943}.severity-section.severity-critical .severity-level{color:#ff6b6b;background:#391c21;border-color:#8b3943}.severity-section.severity-critical:after{content:"";background:repeating-linear-gradient(135deg, var(--hazard-amber) 0 8px, var(--hazard-dark) 8px 16px);border-radius:8px 8px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.severity-section .severity-breakdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.severity-section .severity-item{background:#202631;border:1px solid #343d4b;border-top:2px solid #465266;border-radius:6px;padding:14px}.severity-section .severity-item span{color:#929eaf;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.severity-section .severity-item strong{color:#fff;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:16px}@media (width<=900px){.severity-section .severity-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.severity-section{padding:18px}.severity-section .severity-score{flex-direction:column;align-items:flex-start;gap:10px}.severity-section .severity-breakdown{grid-template-columns:1fr}}.upload-box button{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#2c8cff,#1867d8);border:1px solid #4a9dff;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;min-height:50px;padding:14px 24px;font-size:15px;font-weight:700;transition:background .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 5px 14px #1867d84d}.upload-box button svg{color:#fff;flex-shrink:0}.upload-box button:hover:not(:disabled){background:linear-gradient(135deg,#3b9aff,#2175df);border-color:#6ab1ff;box-shadow:0 7px 18px #1867d86b}.upload-box button:active:not(:disabled){background:#1867d8;box-shadow:0 3px 8px #1867d84d}.upload-box button:disabled{color:#9ba6b5;cursor:not-allowed;box-shadow:none;opacity:.85;background:#303844;border-color:#465161}.upload-box button:disabled svg{color:#9ba6b5}.upload-box input[type=file]{box-sizing:border-box;color:#c8d1df;cursor:pointer;background:#171c24;border:1px solid #3b4556;border-radius:10px;width:100%;max-width:420px;margin-bottom:22px;padding:12px;font-size:14px}.upload-box input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#29313d;border:1px solid #4a5668;border-radius:7px;margin-right:14px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.upload-box input[type=file]::file-selector-button:hover{background:#354052;border-color:#5b6a7f}.upload-box input[type=file]:hover{border-color:#4f7fae}.upload-box input[type=file]:focus{border-color:#4fa7ff;outline:none;box-shadow:0 0 10px #4fa7ff2e}.severity-section .severity-card{background:#202631;border:1px solid #343d4b;border-top:2px solid #465266;border-radius:6px;flex-direction:column;gap:8px;padding:16px 14px;display:flex}.severity-section .severity-card span{color:#929eaf;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.severity-section .severity-card strong{color:#fff;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:20px;font-weight:800}.severity-section .severity-card small{color:#7a8598;letter-spacing:.3px;border-top:1px dashed #343d4b;margin-top:2px;padding-top:8px;font-size:11px;font-weight:600}@media (width<=600px){.severity-section .severity-card{padding:14px}}.product-form select{color:#dbe7f5;cursor:pointer;appearance:auto;box-sizing:border-box;background-color:#252d38;border:1px solid #303b4a;border-radius:6px;outline:none;width:100%;height:48px;padding:0 42px 0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.product-form select:invalid{color:#9aa8ba}.product-form select:focus{background-color:#252d38;border-color:#2196f3;box-shadow:0 0 0 1px #2196f340}.product-form select:hover{border-color:#46566a}.product-form select option{color:#dbe7f5;background-color:#252d38;padding:10px}.product-form select option:checked{color:#fff;background-color:#1f5f95}.image-source-options{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.image-source-options .image-source-btn{box-sizing:border-box!important;color:#7dd3fc!important;cursor:pointer!important;appearance:none!important;background:#0f172acc!important;border:1px solid #00d9ff40!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:190px!important;min-width:190px!important;max-width:190px!important;height:46px!important;margin:0!important;padding:0 18px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important}.image-source-options .image-source-btn:hover{color:#7dd3fc!important;box-shadow:none!important;background:#00d9ff14!important;border-color:#00d9ff8c!important;transform:translateY(-1px)!important}.image-source-options .image-source-btn svg{flex-shrink:0}.image-source-options .image-source-btn:disabled{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}@media (width<=600px){.image-source-options{flex-direction:column;width:100%}.image-source-options .image-source-btn{width:190px!important;min-width:190px!important;max-width:190px!important}}.camera-container{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:520px;margin:24px auto 0;display:flex}.camera-preview{object-fit:cover;background:#0f172a;border:1px solid #00d9ff4d;border-radius:10px;width:100%;max-width:520px;height:390px;display:block;box-shadow:0 0 20px #00d9ff14}.camera-controls{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.camera-control-btn{color:#7dd3fc;cursor:pointer;background:#0f172acc;border:1px solid #00d9ff40;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.camera-control-btn:hover{background:#00d9ff14;border-color:#00d9ff8c;transform:translateY(-1px)}.capture-camera-btn{min-width:180px}.close-camera-btn{min-width:140px}@media (width<=600px){.camera-container{max-width:100%;margin-top:20px}.camera-preview{aspect-ratio:4/3;width:100%;height:auto}.camera-controls{flex-direction:column}.camera-control-btn{width:100%;max-width:260px}}.quality-report-page{width:100%;max-width:1400px;margin:0 auto}.quality-report-header{margin-bottom:25px}.quality-report-header h1{color:#fff;margin:0;font-size:30px;font-weight:700}.quality-report-header p{color:#94a3b8;margin-top:8px;font-size:15px}.report-selector-panel{background:#111827;border:1px solid #263449;border-left:4px solid #00d9ff;border-radius:12px;margin-bottom:25px;padding:20px 22px}.report-selector-panel label{color:#dbeafe;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.report-selector-panel select{color:#fff;cursor:pointer;background:#1b2535;border:1px solid #3b4a61;border-radius:8px;width:100%;padding:13px 15px;font-size:14px}.report-selector-panel select:focus{border-color:#00d9ff;outline:none;box-shadow:0 0 0 2px #00d9ff1f}.report-empty,.report-loading,.report-error{text-align:center;background:#111827;border:1px solid #263449;border-radius:12px;padding:50px}.report-empty h2{color:#fff;margin-bottom:8px}.report-empty p{color:#94a3b8}.report-error{color:#ff6b81;border-color:#ff4d6d59}.quality-report{background:#0f1724;border:1px solid #2c394c;border-radius:14px;overflow:hidden;box-shadow:0 15px 40px #00000047}.report-title{background:linear-gradient(135deg,#16243b,#101927);border-bottom:1px solid #2c394c;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.report-title span{color:#00d9ff;letter-spacing:1.5px;font-size:11px;font-weight:700}.report-title h2{color:#fff;margin:7px 0;font-size:27px}.report-title p{color:#94a3b8;margin:0;font-size:13px}.report-status{text-align:center;letter-spacing:1px;border-radius:8px;min-width:120px;padding:12px 20px;font-size:18px;font-weight:800}.report-pass{color:#00ff9d;background:#00ff9d14;border:1px solid #00ff9d59}.report-fail{color:#ff4d6d;background:#ff4d6d14;border:1px solid #ff4d6d59}.report-section{border-bottom:1px solid #263449;padding:25px 28px}.report-section:last-child{border-bottom:none}.report-section h3{color:#fff;margin:0 0 18px;font-size:18px;font-weight:650}.section-description{color:#94a3b8;margin-top:-10px;margin-bottom:18px;font-size:13px}.report-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.report-field{background:#151f2e;border:1px solid #27364a;border-radius:8px;padding:15px}.report-field span{color:#8291a7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:11px;display:block}.report-field strong{color:#fff;word-break:break-word;font-size:14px}.report-metrics{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.report-metric{background:#151f2e;border:1px solid #27364a;border-radius:9px;padding:18px}.report-metric span{color:#8291a7;margin-bottom:9px;font-size:12px;display:block}.report-metric strong{color:#fff;font-size:22px}.severity-report-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.severity-card{background:#151f2e;border:1px solid #2b3b50;border-radius:9px;padding:18px}.severity-card span{color:#a4b1c2;margin-bottom:10px;font-size:13px;display:block}.severity-card strong{color:#fff;font-size:25px;display:block}.severity-card small{color:#718096;margin-top:7px;display:block}.overall-severity{background:linear-gradient(135deg,#182438,#111a29);border:1px solid #33445b;border-radius:10px;justify-content:space-between;align-items:center;margin-top:18px;padding:22px;display:flex}.overall-severity span{color:#94a3b8;margin-bottom:5px;font-size:13px;display:block}.overall-severity strong{color:#fff;font-size:32px}.severity-level{text-transform:uppercase;letter-spacing:.7px;border-radius:8px;padding:12px 22px;font-weight:800}.severity-level.critical{color:#ff4d6d;background:#ff4d6d1a;border:1px solid #ff4d6d59}.severity-level.high{color:#ff9f43;background:#ff9f431a;border:1px solid #ff9f4359}.severity-level.medium{color:#ffd166;background:#ffd1661a;border:1px solid #ffd16659}.severity-level.low{color:#00ff9d;background:#00ff9d1a;border:1px solid #00ff9d59}.defect-details-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.defect-details-grid>div{background:#151f2e;border:1px solid #27364a;border-radius:9px;padding:18px}.defect-details-grid span{color:#8291a7;margin-bottom:8px;font-size:12px;display:block}.defect-details-grid strong{color:#fff;font-size:16px}.inspection-image-container{text-align:center;background:#080d16;border:1px solid #2c394c;border-radius:10px;padding:15px}.inspection-image-container img{object-fit:contain;border-radius:6px;max-width:100%;max-height:600px;margin:auto;display:block}.image-unavailable{text-align:center;color:#718096;background:#111827;border:1px dashed #334155;border-radius:9px;padding:40px}.recommendation-box{color:#e5f6ff;background:#151f2e;border-left:4px solid #00d9ff;border-radius:7px;padding:20px;font-size:15px;line-height:1.6}@media (width<=1100px){.report-grid,.report-metrics,.severity-report-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.report-title{flex-direction:column;align-items:flex-start}.report-grid,.report-metrics,.severity-report-grid,.defect-details-grid{grid-template-columns:1fr}.overall-severity{flex-direction:column;align-items:flex-start;gap:15px}}.report-title-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.download-report-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;outline:none;padding:11px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.download-report-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb40}.download-report-button:active{transform:translateY(0)}.download-report-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.kpi-card{text-align:center;color:#fff;background:#1c2230;border:1px solid #ffffff14;border-radius:15px;padding:20px}.kpi-card h4{color:#8ea2c6;margin-bottom:10px;font-size:15px}.kpi-card h2{color:#00d9ff;font-size:34px}.panel{color:#fff;background:#1c2230;border-radius:18px;margin-top:25px;padding:25px}.panel table{border-collapse:collapse;width:100%;margin-top:20px}.panel th{background:#222b3d;padding:14px}.panel td{text-align:center;border-bottom:1px solid #303b52;padding:14px}.inspection-report-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.inspection-report-header h1{color:#fff;margin:0;font-size:28px}.inspection-report-header p{color:#9da8b8;margin:7px 0 0;font-size:14px}.download-report-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2c8cff,#1867d8);border:1px solid #3f8fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 5px 15px #1867d840}.download-report-button:hover{background:linear-gradient(135deg,#3b9aff,#2175df);border-color:#69adff;box-shadow:0 7px 18px #1867d861}.analytics-kpi-container{margin-top:20px}.analytics-card{position:relative;overflow:hidden}.analytics-card h4{color:#aeb8c8}.analytics-card h2{color:#fff}.analytics-card p{color:#7f8b9d;margin-top:7px;font-size:12px}.analytics-panel{margin-top:24px}.analytics-description{color:#9da8b8;margin-top:-8px;margin-bottom:15px;font-size:13px}.analytics-chart{width:100%}.analytics-summary-panel{margin-top:24px}.analytics-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.analytics-summary-item{text-align:center;background:#202631;border:1px solid #343d4b;border-radius:12px;padding:18px}.analytics-summary-item span{color:#9da8b8;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.analytics-summary-item strong{color:#fff;font-size:21px;font-weight:700}.panel table{border-collapse:collapse;width:100%}.panel table th{color:#aeb8c8;text-align:left;background:#202631;border-bottom:1px solid #343d4b;padding:14px 12px;font-size:13px}.panel table td{color:#d8dee8;border-bottom:1px solid #292f39;padding:13px 12px;font-size:13px}.panel table tbody tr:hover{background:#202631}@media (width<=1000px){.analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.inspection-report-header{flex-direction:column;align-items:flex-start}.download-report-button{width:100%}.analytics-summary-grid{grid-template-columns:1fr}}.defect-trends-header{margin-bottom:25px}.defect-trends-header h1{color:#f1f5f9;margin:0 0 8px;font-size:28px;font-weight:700}.defect-trends-header p{color:#94a3b8;margin:0;font-size:14px}.defect-trends-filters{margin-bottom:25px;padding:22px}.defect-trends-filters h2{color:#f1f5f9;margin:0 0 18px;font-size:18px}.trend-filter-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;display:grid}.trend-filter{flex-direction:column;gap:7px;display:flex}.trend-filter label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.trend-filter select,.trend-filter input{box-sizing:border-box;color:#e2e8f0;background:#0f172abf;border:1px solid #94a3b826;border-radius:8px;outline:none;width:100%;padding:11px 12px}.trend-filter select:focus,.trend-filter input:focus{border-color:#00d9ff80}.custom-date-row{grid-template-columns:repeat(2,minmax(180px,250px));gap:16px;margin-top:16px;display:grid}.trend-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.trend-kpi-card{background:#0f172ab8;border:1px solid #00d9ff1a;border-radius:12px;padding:22px}.trend-kpi-card span{color:#94a3b8;letter-spacing:.7px;font-size:11px;font-weight:700;display:block}.trend-kpi-card strong{color:#f1f5f9;margin-top:10px;font-size:30px;font-weight:800;display:block}.trend-kpi-card small{color:#64748b;margin-top:6px;font-size:12px;display:block}.trend-kpi-text{font-size:20px!important}.trend-chart-panel{margin-bottom:25px;padding:22px}.trend-chart-panel h2{color:#f1f5f9;margin:0 0 7px;font-size:19px}.chart-description{color:#94a3b8;margin:0 0 20px;font-size:13px}.trend-chart{width:100%}.trend-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:0;display:grid}.trend-empty{color:#64748b;justify-content:center;align-items:center;min-height:300px;font-size:14px;display:flex}@media (width<=1100px){.trend-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.trend-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-two-column{grid-template-columns:1fr}}@media (width<=700px){.trend-filter-grid,.trend-kpi-grid,.custom-date-row{grid-template-columns:1fr}}.dashboard-layout{background:#0f172a;align-items:stretch;width:100%;min-height:100vh;flex-direction:row!important;display:flex!important}.dashboard-layout>.dashboard-main{box-sizing:border-box;min-width:0;min-height:100vh;flex:auto!important;width:auto!important}.settings-page{box-sizing:border-box;width:100%;min-width:0;padding:25px 40px 45px}.settings-header{width:100%;margin-bottom:25px}.settings-header h1{color:#e2e8f0;margin:0 0 6px;font-size:32px;font-weight:700}.settings-header p{color:#94a3b8;margin:0;font-size:15px}.settings-message{box-sizing:border-box;color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;align-items:center;gap:9px;width:100%;margin-bottom:20px;padding:11px 15px;font-size:14px;display:flex}.settings-container{box-sizing:border-box;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;width:100%;min-width:0;display:grid}.settings-navigation{box-sizing:border-box;background:#1e293be6;border:1px solid #94a3b826;border-radius:12px;width:220px;padding:8px}.settings-nav-item{box-sizing:border-box;color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:46px;margin:0;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.settings-nav-item svg{flex-shrink:0}.settings-nav-item:hover{color:#fff;background:#00d9ff14}.settings-nav-item.active{color:#fff;background:#00d9ff26;border-left:3px solid #00d9ff}.settings-content{box-sizing:border-box;width:100%;min-width:0}.settings-card{box-sizing:border-box;background:#1e293be6;border:1px solid #94a3b826;border-radius:12px;width:100%;min-width:0;padding:28px 30px;box-shadow:0 8px 25px #00000026}.settings-card-header{align-items:flex-start;gap:12px;margin-bottom:26px;display:flex}.settings-card-icon{color:#00d9ff;background:#00d9ff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-card-header h2{color:#f1f5f9;margin:0;font-size:22px;font-weight:700}.settings-card-header p{color:#94a3b8;margin:5px 0 0;font-size:14px}.settings-form{flex-direction:column;gap:20px;width:100%;display:flex}.settings-form-row{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;width:100%;display:grid}.settings-field{flex-direction:column;gap:7px;min-width:0;display:flex}.settings-field label{color:#cbd5e1;font-size:13px;font-weight:600}.settings-field input{box-sizing:border-box;color:#e2e8f0;background:#0f172a;border:1px solid #94a3b840;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:14px}.settings-field input:focus{border-color:#00d9ff;box-shadow:0 0 0 2px #00d9ff1a}.settings-input-icon{width:100%;position:relative}.settings-input-icon svg{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.settings-input-icon input{padding-left:38px}.settings-options{flex-direction:column;gap:12px;width:100%;display:flex}.settings-option{box-sizing:border-box;background:#0f172a80;border:1px solid #94a3b821;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:17px 18px;display:flex}.settings-option strong,.settings-threshold strong{color:#e2e8f0;font-size:14px}.settings-option p,.settings-threshold p{color:#94a3b8;margin:5px 0 0;font-size:13px;line-height:1.5}.settings-switch{cursor:pointer;flex-shrink:0;width:44px;height:23px;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-switch span{background:#475569;border-radius:20px;transition:all .2s;position:absolute;inset:0}.settings-switch span:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.settings-switch input:checked+span{background:#0891b2}.settings-switch input:checked+span:before{transform:translate(21px)}.settings-threshold{box-sizing:border-box;background:#0f172a80;border:1px solid #94a3b821;border-radius:9px;justify-content:space-between;align-items:center;gap:25px;width:100%;padding:18px;display:flex}.threshold-control{flex-shrink:0;align-items:center;gap:14px;display:flex}.threshold-control input[type=range]{accent-color:#00d9ff;width:180px}.threshold-control span{color:#00d9ff;text-align:right;min-width:45px;font-weight:700}.settings-card-footer{border-top:1px solid #94a3b81f;justify-content:flex-end;margin-top:28px;padding-top:20px;display:flex}.settings-save-btn{color:#fff;cursor:pointer;background:#0891b2;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.settings-save-btn:hover{background:#0e7490;transform:translateY(-1px)}@media (width<=950px){.settings-page{padding:20px 25px 40px}.settings-form-row{grid-template-columns:1fr}}@media (width<=700px){.settings-container{grid-template-columns:1fr}.settings-navigation{width:100%}.settings-threshold{flex-direction:column;align-items:flex-start}.threshold-control{width:100%}.threshold-control input[type=range]{flex:1;width:auto}}.monitoring-page-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.monitoring-page-header h1{color:#f1f5f9;margin:0 0 7px;font-size:28px;font-weight:700}.monitoring-page-header p{color:#94a3b8;margin:0;font-size:14px}.live-indicator{color:#4ade80;letter-spacing:1px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.live-dot{background:#4ade80;border-radius:50%;width:9px;height:9px;animation:1.5s infinite livePulse;box-shadow:0 0 12px #4ade80cc}@keyframes livePulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.monitoring-update-bar{color:#94a3b8;background:#0f172a99;border:1px solid #00d9ff1a;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:11px 15px;font-size:12px;display:flex}.monitoring-update-left,.monitoring-update-time{align-items:center;gap:7px;display:flex}.monitoring-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.monitoring-kpi{background:#0f172abf;border:1px solid #94a3b814;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.monitoring-kpi-icon{color:#38bdf8;background:#38bdf81a;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.monitoring-kpi span{color:#94a3b8;margin-bottom:5px;font-size:12px;display:block}.monitoring-kpi strong{color:#f1f5f9;font-size:24px;display:block}.monitoring-kpi.running strong{color:#4ade80}.monitoring-kpi.stopped strong{color:#f87171}.monitoring-kpi.active strong{color:#c4b5fd}.monitoring-section-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.monitoring-section-header h2{color:#f1f5f9;margin:0 0 5px;font-size:18px}.monitoring-section-header p{color:#64748b;margin:0;font-size:12px}.monitoring-section-header>svg{color:#38bdf8}.monitoring-status-panel{margin-bottom:22px}.line-status-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.line-status-card{background:#0f172aa6;border:1px solid #94a3b81a;border-radius:10px;padding:17px;position:relative}.line-status-card.line-running{border-color:#4ade8040}.line-status-card.line-stopped{border-color:#f871714d}.line-status-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.line-name{color:#f1f5f9;align-items:center;gap:8px;display:flex}.line-name svg{color:#38bdf8}.line-name strong{font-size:14px}.line-status-badge{text-transform:uppercase;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:700}.line-running .line-status-badge{color:#4ade80;background:#4ade801a}.line-stopped .line-status-badge{color:#f87171;background:#f871711a}.line-unknown .line-status-badge{color:#fbbf24;background:#fbbf241a}.line-section{color:#64748b;margin-top:13px;font-size:11px}.monitoring-performance-panel{margin-bottom:22px}.monitoring-table-container{width:100%;overflow-x:auto}.monitoring-table{border-collapse:collapse;width:100%;min-width:1050px}.monitoring-table th{color:#64748b;text-align:left;background:#0f172acc;border-bottom:1px solid #94a3b814;padding:12px 14px;font-size:11px;font-weight:600}.monitoring-table td{color:#cbd5e1;border-bottom:1px solid #94a3b80f;padding:14px;font-size:12px}.monitoring-table tbody tr:hover{background:#38bdf808}.table-line-name{align-items:center;gap:7px;display:flex}.table-line-name svg{color:#38bdf8}.table-line-name strong{color:#f1f5f9}.monitor-status{text-transform:uppercase;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.monitor-status.line-running{color:#4ade80;background:#4ade801a}.monitor-status.line-stopped{color:#f87171;background:#f871711a}.monitor-status.line-unknown{color:#fbbf24;background:#fbbf241a}.monitor-product{flex-direction:column;gap:3px;display:flex}.monitor-product strong{color:#7dd3fc;font-size:12px}.monitor-product span{color:#64748b;font-size:11px}.monitor-result{border-radius:5px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.monitor-pass{color:#4ade80;background:#4ade801a}.monitor-fail{color:#f87171;background:#f871711a}.monitor-pending{color:#fbbf24;background:#fbbf241a}.quality-rate{min-width:90px}.quality-rate strong{color:#f1f5f9;margin-bottom:5px;font-size:12px;display:block}.quality-rate-track{background:#94a3b81f;border-radius:5px;width:85px;height:5px;overflow:hidden}.quality-rate-fill{background:#4ade80;border-radius:5px;height:100%}.defect-count{color:#94a3b8;font-weight:700}.defect-count.active{color:#f87171}.last-inspection{color:#94a3b8;white-space:nowrap}.no-monitoring-data{text-align:center;color:#64748b!important;padding:35px!important}.monitoring-two-column{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}.active-line-content{background:#4ade800d;border:1px solid #4ade8026;border-radius:10px;align-items:center;gap:15px;min-height:100px;padding:18px;display:flex}.active-line-icon{color:#4ade80;background:#4ade801a;border-radius:10px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.active-line-info{flex-direction:column;flex:1;gap:5px;display:flex}.active-line-info strong{color:#f1f5f9;font-size:20px}.active-line-info span{color:#64748b;font-size:12px}.active-running-badge{color:#4ade80;text-transform:uppercase;font-size:11px;font-weight:700}.no-active-line{color:#fbbf24;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:100px;display:flex}.no-active-line strong{color:#f1f5f9;font-size:14px}.no-active-line span{color:#64748b;font-size:11px}.line-alert-list{flex-direction:column;gap:8px;display:flex}.line-alert-item{border:1px solid #94a3b814;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.line-alert-item.has-alert{background:#f871710a;border-color:#f871712e}.line-alert-item.no-alert{background:#4ade8008}.alert-line-info{flex-direction:column;gap:3px;display:flex}.alert-line-info strong{color:#f1f5f9;font-size:12px}.alert-line-info span{color:#64748b;font-size:11px}.line-alert-item.has-alert svg{color:#f87171}.line-alert-item.no-alert svg{color:#4ade80}.no-alerts{text-align:center;color:#64748b;padding:25px;font-size:12px}.current-production-panel{margin-bottom:30px}.current-production-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.current-production-card{background:#0f172a99;border:1px solid #94a3b814;border-radius:10px;padding:16px}.current-production-header{border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:12px;display:flex}.current-production-header strong{color:#f1f5f9;font-size:14px}.production-detail{justify-content:space-between;gap:15px;padding:7px 0;display:flex}.production-detail span{color:#64748b;font-size:11px}.production-detail strong{color:#cbd5e1;text-align:right;font-size:11px}.production-detail strong.danger-value{color:#f87171}.monitoring-loading{color:#38bdf8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.monitoring-loading p{color:#94a3b8;font-size:13px}@media (width<=1200px){.monitoring-kpi-grid{grid-template-columns:repeat(2,1fr)}.line-status-grid{grid-template-columns:repeat(3,1fr)}.current-production-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.monitoring-page-header{align-items:flex-start;gap:15px}.monitoring-kpi-grid,.line-status-grid,.monitoring-two-column,.current-production-grid{grid-template-columns:1fr}.monitoring-update-bar{flex-direction:column;align-items:flex-start;gap:8px}}.monitor-pass-number{color:#4ade80;font-weight:700}.monitor-fail-number{color:#f87171;font-weight:700}.line-waiting{color:#fbbf24;background:#fbbf241a}.line-status-card.line-waiting{border-color:#fbbf2440}.line-waiting .line-status-badge{color:#fbbf24;background:#fbbf241a}.user-management-page{color:#e2e8f0;min-height:calc(100vh - 80px);padding:30px}.user-management-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.user-management-title{align-items:center;gap:14px;display:flex}.user-management-title h1{color:#f8fafc;margin:0;font-size:28px;font-weight:700}.user-management-title p{color:#94a3b8;margin:6px 0 0;font-size:14px}.view-only-badge{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.user-summary-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.user-summary-card{background:#0f172abf;border:1px solid #94a3b81f;border-radius:14px;align-items:center;gap:16px;padding:22px;transition:border-color .2s,transform .2s;display:flex}.user-summary-card:hover{border-color:#38bdf840;transform:translateY(-2px)}.user-summary-icon{color:#38bdf8;background:#38bdf81a;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.user-summary-info{flex-direction:column;gap:4px;display:flex}.user-summary-label{color:#94a3b8;font-size:13px}.user-summary-value{color:#f8fafc;font-size:24px;font-weight:700}.user-summary-card.active .user-summary-icon{color:#4ade80;background:#4ade801a}.user-summary-card.inactive .user-summary-icon{color:#f87171;background:#f871711a}.user-summary-card.roles .user-summary-icon{color:#c4b5fd;background:#c4b5fd1a}.user-search-container{justify-content:flex-end;margin-bottom:18px;display:flex}.user-search-box{width:320px;position:relative}.user-search-box svg{color:#64748b;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.user-search-box input{box-sizing:border-box;color:#e2e8f0;background:#0f172abf;border:1px solid #94a3b82e;border-radius:9px;outline:none;width:100%;padding:11px 14px 11px 40px;font-size:14px}.user-search-box input::placeholder{color:#64748b}.user-search-box input:focus{border-color:#38bdf873;box-shadow:0 0 0 2px #38bdf814}.user-management-panel{background:#0f172ab8;border:1px solid #94a3b81f;border-radius:14px;margin-bottom:30px;overflow:hidden}.user-panel-header{border-bottom:1px solid #94a3b81a;padding:20px 22px}.user-panel-header h2{color:#f8fafc;margin:0;font-size:18px;font-weight:650}.user-panel-header p{color:#64748b;margin:6px 0 0;font-size:13px}.user-table-wrapper{width:100%;overflow-x:auto}.user-table{border-collapse:collapse;width:100%;min-width:1050px}.user-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#1e293b73;border-bottom:1px solid #94a3b81a;padding:14px 16px;font-size:12px;font-weight:650}.user-table td{color:#cbd5e1;white-space:nowrap;border-bottom:1px solid #94a3b812;padding:15px 16px;font-size:13px}.user-table tbody tr{transition:background .2s}.user-table tbody tr:hover{background:#38bdf809}.user-table tbody tr:last-child td{border-bottom:none}.user-name-cell{font-weight:600;color:#f8fafc!important}.user-id-cell{font-weight:600;color:#38bdf8!important}.user-email-cell{color:#7dd3fc!important}.user-phone-cell{color:#cbd5e1!important}.user-department-cell{color:#c4b5fd!important}.user-role-badge{color:#c4b5fd;background:#c4b5fd1a;border:1px solid #c4b5fd2e;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.user-status{border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.user-status.active{color:#4ade80;background:#4ade801a}.user-status.inactive{color:#f87171;background:#f871711a}.user-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.user-last-login{color:#94a3b8!important;font-size:12px!important}.user-empty-state{text-align:center;color:#64748b;padding:45px 20px}.user-empty-state svg{opacity:.65;margin-bottom:12px}.user-empty-state h3{color:#cbd5e1;margin:0 0 6px;font-size:16px}.user-empty-state p{margin:0;font-size:13px}.user-activity-table{border-collapse:collapse;width:100%;min-width:850px}.user-activity-table th{text-align:left;color:#94a3b8;text-transform:uppercase;background:#1e293b73;border-bottom:1px solid #94a3b81a;padding:14px 16px;font-size:12px;font-weight:650}.user-activity-table td{color:#cbd5e1;border-bottom:1px solid #94a3b812;padding:14px 16px;font-size:13px}.activity-user{font-weight:600;color:#7dd3fc!important}.activity-name{color:#e2e8f0!important}.activity-action{color:#c4b5fd!important}.activity-ip{font-family:monospace;color:#94a3b8!important;font-size:12px!important}.activity-time{color:#94a3b8!important;font-size:12px!important}.no-activity{text-align:center;padding:45px 20px}.no-activity-icon{color:#64748b;background:#94a3b814;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.no-activity h3{color:#cbd5e1;margin:0 0 7px;font-size:16px}.no-activity p{color:#64748b;margin:0;font-size:13px}.user-access-info{background:#38bdf80e;border:1px solid #38bdf824;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:30px;padding:18px 20px;display:flex}.user-access-info-icon{color:#38bdf8;flex-shrink:0;margin-top:2px}.user-access-info h3{color:#e2e8f0;margin:0 0 5px;font-size:14px}.user-access-info p{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.user-loading{color:#94a3b8;justify-content:center;align-items:center;min-height:400px;font-size:14px;display:flex}.user-error{color:#f87171;background:#f8717114;border:1px solid #f871712e;border-radius:10px;margin-bottom:25px;padding:18px 20px;font-size:14px}.user-table-wrapper::-webkit-scrollbar{height:8px}.user-table-wrapper::-webkit-scrollbar-track{background:#0f172ab3;border-radius:10px}.user-table-wrapper::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:10px}.user-table-wrapper::-webkit-scrollbar-thumb:hover{background:#38bdf880}@media (width<=1200px){.user-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.user-management-page{padding:20px}.user-management-header{flex-direction:column;align-items:flex-start;gap:15px}.user-management-title h1{font-size:23px}.user-summary-grid{grid-template-columns:1fr}.user-search-container{justify-content:stretch}.user-search-box{width:100%}}.page-header{color:#e2e8f0;justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.user-summary-card{color:#e2e8f0;background:#0f172abf;border:1px solid #94a3b81f;border-radius:14px;align-items:center;gap:16px;padding:22px 15px 22px 22px;transition:border-color .2s,transform .2s;display:flex}.user-search{box-sizing:border-box;color:#94a3b8;background:#0f172abf;border:1px solid #38bdf833;border-radius:8px;align-items:center;gap:10px;width:100%;max-width:400px;height:44px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.user-search:focus-within{background:#0f172ae6;border-color:#38bdf899;box-shadow:0 0 0 3px #38bdf814}.user-search svg{color:#38bdf8;flex-shrink:0}.user-search input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:14px}.user-search input::placeholder{color:#64748b}.user-search input:focus{outline:none}:root{--primary:#1565c0;--secondary:#42a5f5;--accent:#00bcd4;--background:#f4f7fb;--card:#fff;--text:#263238;--success:#43a047;--danger:#e53935;--shadow:0 15px 35px #0000001f;--radius:18px}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:var(--background);color:var(--text)}button{cursor:pointer}