:root{color:#eefdf7;font-synthesis:none;text-rendering:geometricprecision;background:#02080b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#00ffa629,#0000 35%),linear-gradient(135deg,#03110f,#06101c 55%,#02050a);min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #77ffdd38;border-radius:14px;padding:12px 18px;font-weight:800;transition:all .2s}button:hover{background:#2effc624;transform:translateY(-1px)}button.primary{color:#02110d;background:linear-gradient(90deg,#24e2aa,#5db6ff);border:0}button.ghost{background:0 0}button.danger{color:#ff9d9d}input,select,textarea{color:#f5fffb;background:#fff1;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:14px 16px}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:#ffffff73}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{gap:16px;width:min(520px,100%);padding:34px;display:grid}.glass,.card{background:linear-gradient(135deg,#0c1f26e6,#0a101cdb);border:1px solid #5dffd52e;border-radius:28px;box-shadow:0 18px 60px #00000059}.brand-lockup,.brand{align-items:center;gap:14px;display:flex}.orb{background:#19f5a8;border-radius:999px;width:34px;height:34px;box-shadow:0 0 22px #19f5a8}.auth-card h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.auth-card p{color:#b9e8df}.message{background:#ffffff14;border-radius:14px;padding:12px 14px}.message.hidden{display:none}.message.error{color:#ffd7df;background:#ff466426;border:1px solid #ff46644d}.message.success{color:#c7ffed;background:#23e6a026;border:1px solid #23e6a04d}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00080ab8;border-right:1px solid #73ffdc26;flex-direction:column;gap:12px;width:260px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{margin-bottom:22px}.brand h2{margin:0;font-size:20px}.brand p{color:#a9d5d0;margin:4px 0 0}.nav{text-align:left;width:100%}.nav.active{background:linear-gradient(90deg,#23e6a047,#3fb2ff29);border-color:#23e6a066}#logout{margin-top:auto}.main{min-height:100vh;margin-left:260px;padding:34px}.main.full{margin-left:0}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.22em;color:#1ff5b0;margin:0 0 8px;font-size:12px;font-weight:900}h1{margin:0;font-size:clamp(2.3rem,6vw,4.8rem);line-height:.95}h2{margin-top:0}.lead,.muted,small{color:#a7d8d2}.card{margin-bottom:20px;padding:24px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.stat h2{margin:6px 0;font-size:2.2rem}.grid{gap:20px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.data-row{background:#ffffff09;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:16px;display:flex}.data-row h3{margin:0 0 6px}.data-row p{color:#bce8e0;margin:0 0 4px}.data-row.overdue{background:#ff5f3214;border-color:#ff7d4b73}.row-actions{gap:10px;display:flex}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.qr-card{text-align:center;break-inside:avoid;background:linear-gradient(135deg,#094d3fcc,#071b2cd1);border:1px solid #5dffd533;border-radius:28px;padding:22px}.qr-card img,.qr-mini img{background:#fff;border-radius:18px;width:100%;max-width:300px;padding:14px}.qr-actions{justify-content:center;gap:10px;display:flex}@media (width<=900px){.sidebar{z-index:5;flex-direction:row;width:100%;min-height:auto;padding:12px;position:sticky;top:0;overflow-x:auto}.brand{min-width:210px;margin:0}.nav{width:auto;min-width:max-content}#logout{margin-top:0}.main{margin-left:0;padding:18px}.stats-grid,.grid.two,.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.data-row{flex-direction:column;align-items:stretch}.row-actions,.row-actions button,.qr-actions,.qr-actions button{width:100%}.qr-actions{flex-direction:column}button{min-height:48px}}@media print{body{color:#000;background:#fff}.sidebar,.page-header button,.qr-actions{display:none!important}.main{margin:0;padding:0}.qr-card{color:#000;box-shadow:none;background:#fff;border:1px solid #ddd}}.file-label{color:#bdf8ee;background:#ffffff08;border:1px dashed #32ffca59;border-radius:18px;flex-direction:column;gap:8px;padding:14px;font-weight:800;display:flex}.file-label input{background:0 0;border:0;padding:0}.repair-row{align-items:center;gap:14px}.repair-main{flex:1}.repair-main small{margin-top:4px;display:block}.repair-thumb{object-fit:cover;border:1px solid #ffffff29;border-radius:14px;width:92px;height:72px}.pill{border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.pill.ok{color:#91ffe6;background:#1cffbe1f;border-color:#1cffbe47}.resolved{opacity:.78}@media (width<=760px){.repair-row{align-items:stretch}.repair-thumb{width:100%;height:160px}.file-label{padding:16px}}.resolve-modal{z-index:2000;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.resolve-modal.hidden{display:none}.resolve-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 20% 20%,#23ffc71f,#0000 34%),radial-gradient(circle at 80% 80%,#49afff1f,#0000 36%),#000810b8;animation:.18s ease-out both resolveFade;position:absolute;inset:0}.resolve-card{background:linear-gradient(145deg,#0e212df5,#050e19fa),linear-gradient(120deg,#22ffc433,#34a7ff1f);border:1px solid #53ffd73d;border-radius:30px;width:min(680px,100%);padding:26px;animation:.26s cubic-bezier(.2,.9,.2,1) both resolveSlide;position:relative;overflow:hidden;box-shadow:0 34px 120px #0000008c,0 0 42px #21ffc11f,inset 0 1px #ffffff0f}.resolve-card:before{content:"";opacity:.35;pointer-events:none;background-image:linear-gradient(#50ffdc14 1px,#0000 1px),linear-gradient(90deg,#50ffdc12 1px,#0000 1px);background-size:42px 42px;animation:18s linear infinite resolveGridMove;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 30% 20%,#000,#0000 68%);mask-image:radial-gradient(circle at 30% 20%,#000,#0000 68%)}.resolve-motion{pointer-events:none;position:absolute;inset:0;overflow:hidden}.resolve-motion span{filter:blur(32px);opacity:.12;background:#1cffbe;border-radius:999px;width:260px;height:260px;animation:8s ease-in-out infinite floatGlow;position:absolute}.resolve-motion span:first-child{top:-130px;left:-120px}.resolve-motion span:nth-child(2){background:#5bbcff;animation-delay:-2s;top:20%;right:-140px}.resolve-motion span:nth-child(3){animation-delay:-4s;bottom:-170px;left:40%}.resolve-head{justify-content:space-between;gap:18px;margin-bottom:20px;display:flex;position:relative}.resolve-head h2{margin:6px 0;font-size:clamp(28px,4vw,42px)}.icon-btn{color:#eafff9;background:#ffffff0a;border:1px solid #ffffff29;border-radius:14px;width:42px;height:42px;font-size:26px;line-height:1}.icon-btn:hover,.resolve-btn:hover{transform:translateY(-1px);box-shadow:0 0 26px #22ffc42e}.field-label{z-index:1;color:#c7fff5;letter-spacing:-.01em;flex-direction:column;gap:9px;margin-bottom:15px;font-weight:900;display:flex;position:relative}.resolve-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resolve-actions{z-index:1;justify-content:flex-end;gap:12px;margin-top:22px;display:flex;position:relative}.btn-spinner{vertical-align:-2px;border:2px solid #00000040;border-top-color:#000000d9;border-radius:999px;width:15px;height:15px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.success-burst{z-index:1;background:#25ffbd1a;border:1px solid #25ffbd47;border-radius:20px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;animation:.24s both resolveSlide;display:flex;position:relative}.success-burst.hidden{display:none}.success-tick{color:#00160f;background:linear-gradient(135deg,#1cffbe,#5bbcff);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:1000;animation:.36s cubic-bezier(.2,1.4,.2,1) both tickPop;display:grid;box-shadow:0 0 28px #25ffbd59}.success-burst span{color:#bceee5;margin-top:2px;font-size:13px;display:block}.toast-box{z-index:3000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.toast{opacity:0;color:#ecfffa;background:#0d1c28f5;border:1px solid #ffffff24;border-radius:18px;max-width:360px;padding:14px 16px;font-weight:850;transition:all .18s;transform:translateY(10px);box-shadow:0 18px 60px #00000061}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-color:#25ffbd59}.toast.error{border-color:#ff568073}@keyframes resolveFade{0%{opacity:0}to{opacity:1}}@keyframes resolveSlide{0%{opacity:0;transform:translateY(24px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes resolveGridMove{0%{background-position:0 0,0 0}to{background-position:84px 84px,84px 84px}}@keyframes floatGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(30px,-22px)scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tickPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.resolve-modal{align-items:end;padding:10px}.resolve-card{border-radius:26px;max-height:92vh;padding:20px;overflow-y:auto}.resolve-grid{grid-template-columns:1fr}.resolve-actions{flex-direction:column-reverse}.resolve-actions button{width:100%}.toast-box{bottom:12px;left:12px;right:12px}.toast{max-width:none}}.repair-form-card{position:relative;overflow:hidden}.repair-form-card:before{content:"";pointer-events:none;opacity:.9;background:linear-gradient(120deg,#23ffbe14,#0000 32%),radial-gradient(circle at 88% 12%,#5bb4ff1f,#0000 28%);position:absolute;inset:0}.repair-form-card>*{position:relative}.section-title-row{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-title-row h2{margin-bottom:6px}.repair-form-stack{gap:18px;display:grid}.field-block{gap:8px;display:grid}.field-block label{color:#c7fff0;letter-spacing:.035em;font-size:13px;font-weight:900}.field-block input,.field-block select,.field-block textarea{min-height:54px}.field-block textarea{min-height:132px;line-height:1.45}.repair-meta-grid{gap:18px;margin-bottom:0}.premium-upload{cursor:pointer;background:linear-gradient(135deg,#24e2aa1a,#5db6ff14),#ffffff09;border:1px dashed #24e2aa94;grid-template-columns:auto 1fr;align-items:center;gap:16px;min-height:96px;padding:20px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:grid;position:relative}.premium-upload:hover{background:linear-gradient(135deg,#24e2aa29,#5db6ff1f),#ffffff0b;border-color:#53ffd3f2;transform:translateY(-1px);box-shadow:0 0 28px #24e2aa1a}.upload-icon{color:#02110d;background:linear-gradient(135deg,#24e2aa,#5db6ff);border-radius:16px;place-items:center;width:48px;height:48px;font-size:28px;font-weight:900;display:grid;box-shadow:0 0 22px #24e2aa47}.upload-copy{gap:4px;display:grid}.upload-copy strong{color:#effffb;font-size:16px}.upload-copy small{color:#a7d8d2}.premium-upload input[type=file]{background:#00000029;border:1px solid #ffffff1a;border-radius:12px;grid-column:1/-1;width:100%;padding:10px}.form-actions{justify-content:flex-start;margin-top:2px;display:flex}.form-actions .primary{min-width:170px;box-shadow:0 0 24px #24e2aa1f}@media (width<=760px){.section-title-row{flex-direction:column}.repair-form-stack{gap:16px}.premium-upload{text-align:left;grid-template-columns:1fr}.upload-icon{width:44px;height:44px}.form-actions,.form-actions .primary{width:100%}}.compact{margin-bottom:10px}.smart-panel{position:relative;overflow:hidden}.smart-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 90% 10%,#ff5a5a1a,#0000 32%),radial-gradient(circle at 12% 88%,#24e2aa1a,#0000 28%);position:absolute;inset:0}.status-pill,.priority-pill,.sla-pill{letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:1000;display:inline-flex}.status-pill.operational{color:#8cffdc;background:#24e2aa1a;border-color:#24e2aa59}.status-pill.needs-attention{color:#ffd98a;background:#ffbe501a;border-color:#ffbe506b}.status-pill.under-repair{color:#8fc7ff;background:#5bb6ff1a;border-color:#5bb6ff6b}.status-pill.out-of-service{color:#ffacbd;background:#ff56801a;border-color:#ff56806b}.priority-pill.low{color:#adffe8}.priority-pill.medium{color:#d9f7ff}.priority-pill.high{color:#ffd98a;border-color:#ffbe506b}.priority-pill.critical{color:#ffb0c2;background:#ff56801c;border-color:#ff568085}.sla-pill.healthy{color:#8cffdc;border-color:#24e2aa59}.sla-pill.warning{color:#ffd98a;background:#ffbe501a;border-color:#ffbe506b}.sla-pill.overdue{color:#ffb0c2;background:#ff568024;border-color:#ff568085;animation:1.4s ease-in-out infinite slaPulse}.repair-row.overdue{border-color:#ff568073;box-shadow:inset 0 0 0 1px #ff568014,0 0 28px #ff56800f}.repair-row.warning{border-color:#ffbe5061}.repair-title-line{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;display:flex}.repair-title-line h3{margin-right:4px}.repair-thumb,.timeline-thumb{cursor:zoom-in;transition:all .2s}.repair-thumb:hover,.timeline-thumb:hover{border-color:#24e2aa8c;transform:scale(1.035)}.timeline{gap:16px;margin-top:10px;display:grid;position:relative}.timeline:before{content:"";opacity:.45;background:linear-gradient(#24e2aa,#5db6ff33);width:2px;position:absolute;top:8px;bottom:8px;left:14px}.timeline-item{grid-template-columns:30px 1fr;gap:14px;display:grid;position:relative}.timeline-dot{z-index:1;background:#24e2aa;border-radius:50%;width:15px;height:15px;margin-top:8px;box-shadow:0 0 18px #24e2aa73}.timeline-item.warning .timeline-dot{background:#ffd166;box-shadow:0 0 18px #ffd16659}.timeline-item.overdue .timeline-dot{background:#ff5d7d;box-shadow:0 0 18px #ff5d7d73}.timeline-item.resolved .timeline-dot{background:#5db6ff;box-shadow:0 0 18px #5db6ff59}.timeline-body{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;padding:14px 16px}.timeline-body strong{color:#effffb;margin-bottom:4px;display:block}.timeline-body span{color:#8ebdb7;margin-bottom:6px;font-size:12px;display:block}.timeline-body p{color:#bce8e0;margin:0}.timeline-thumb{object-fit:cover;border:1px solid #ffffff29;border-radius:14px;width:110px;height:78px;margin-top:12px}.image-modal{z-index:4000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-modal.hidden{display:none}.image-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00080ec2;position:absolute;inset:0}.image-card{background:linear-gradient(135deg,#0c1f26f5,#0a101cf0);border:1px solid #5dffd538;border-radius:28px;width:min(980px,100%);margin:0;padding:18px;animation:.22s both resolveSlide;position:relative;box-shadow:0 30px 120px #00000094}.image-card .icon-btn{z-index:2;position:absolute;top:18px;right:18px}.image-card img{object-fit:contain;background:#0000003d;border-radius:20px;width:100%;max-height:78vh;display:block}.image-card figcaption{color:#c6fff4;margin-top:12px;font-weight:900}@keyframes slaPulse{0%,to{box-shadow:0 0 #ff568000}50%{box-shadow:0 0 20px #ff56802e}}@media (width<=760px){.repair-title-line{gap:7px}.timeline-item{grid-template-columns:24px 1fr;gap:10px}.timeline:before{left:11px}.image-modal{padding:10px}.image-card{border-radius:22px;padding:12px}}select,select option{color:#f5fffb;background:#0b1f2a}select option:hover,select option:checked{color:#fff;background:#123342}button.subtle{opacity:.92;padding:10px 14px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.report-card{overflow:hidden}.chart-wrap{background:radial-gradient(circle at 20% 0,#24e2aa1a,#0000 32%),#ffffff06;border:1px solid #ffffff14;border-radius:22px;margin-top:16px;padding:16px}.chart-wrap svg{width:100%;height:260px;display:block;overflow:visible}.chart-axis{stroke:#ffffff29;stroke-width:2px}.chart-dot{fill:#ecfffa;stroke:#24e2aa;stroke-width:3px;filter:drop-shadow(0 0 6px #24e2aa73)}.chart-label{fill:#9fcfc9;font-size:14px;font-weight:800}.chart-values{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.chart-values span{text-align:center;background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;gap:2px;padding:10px;display:grid}.chart-values b{color:#effffb}.chart-values small{font-size:11px}.bar-list{gap:14px;margin-top:16px;display:grid}.bar-row{gap:8px;display:grid}.bar-meta{color:#dffff7;justify-content:space-between;gap:12px;font-weight:900;display:flex}.bar-track{background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;height:14px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg,#24e2aa,#5db6ff);height:100%;box-shadow:0 0 22px #24e2aa2e}.bar-row.warning .bar-fill{background:linear-gradient(90deg,#ffd166,#ff9f43)}.bar-row.danger .bar-fill{background:linear-gradient(90deg,#ff5d7d,#ff9f43)}.bar-row.ok .bar-fill{background:linear-gradient(90deg,#24e2aa,#5db6ff)}@media (width<=900px){.report-grid{grid-template-columns:1fr}.chart-values{grid-template-columns:repeat(3,minmax(0,1fr))}}