:root{--navy:#071d2d;--blue:#0e6598;--cyan:#17a8b5;--orange:#f0832b;--ink:#1b2a38;--muted:#6d7b88;--line:#dbe3e9;--bg:#f1f4f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd6de;border-radius:7px;background:#fff;font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #17a8b519}button{cursor:pointer}.brand{display:flex;align-items:center;gap:12px}.brand i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--cyan),var(--blue));color:white;font-style:normal;font-weight:900}.brand b,.brand small{display:block}.brand small{margin-top:3px;color:#8fa6b6;font-size:9px;letter-spacing:.1em}.primary,.outline,.danger{display:inline-grid;place-items:center;min-height:40px;padding:0 17px;border-radius:7px;border:0;font-size:12px;font-weight:800}.primary{background:var(--orange);color:white}.outline{border:1px solid #c9d5dd;background:white;color:#385164}.danger{background:#fff0ee;color:#b63c2d}.auth-body{background:white}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-brand{padding:55px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--navy),#0c3954);color:white}.auth-brand>div:last-child{max-width:620px}.auth-brand>div:last-child>small,.auth-card form>small,.form-shell header small{color:#57ccd4;font-size:9px;font-weight:800;letter-spacing:.18em}.auth-brand h1{margin:15px 0;font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.06em}.auth-brand p{color:#afc3cf;font-size:16px;line-height:1.6}.auth-card{display:grid;place-items:center;padding:30px}.auth-card form,.auth-card .success-box{width:min(430px,100%)}.auth-card h2{margin:10px 0 28px;font-size:27px}.auth-card label{display:block;margin-bottom:15px;color:#51606d;font-size:11px;font-weight:bold}.auth-card label input{margin-top:7px}.auth-card .primary{width:100%}.auth-card form>p{text-align:center;color:#8a969f;font-size:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.error,.success-box{padding:12px;border-radius:7px;margin-bottom:15px;font-size:11px}.error{background:#fff0ee;color:#b63c2d}.success-box{background:#e7f6ec;color:#286f40}.success-box .primary{margin-top:10px;width:auto}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.app aside{position:sticky;top:0;height:100vh;padding:24px 17px 16px;display:flex;flex-direction:column;background:var(--navy);color:white}.app nav{margin-top:45px;display:grid;gap:7px}.app nav a{padding:13px 14px;border-radius:8px;color:#9fb1be;font-size:13px}.app nav a.active,.app nav a:hover{background:#123a54;color:white}.profile{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;border-top:1px solid #1e4057}.profile>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#1b526f;font-size:10px;font-weight:bold}.profile div{min-width:0;flex:1}.profile b,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile b{font-size:10px}.profile small{margin-top:3px;color:#8fa6b6;font-size:9px}.profile>a{color:#9fb1be}.main{min-width:0;padding:30px clamp(20px,4vw,58px) 60px}.main>header{display:flex;align-items:center;justify-content:space-between}.main header small{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.17em}.main h1{margin:7px 0 0;font-size:30px;letter-spacing:-.04em}.stats{margin:25px 0 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats article{padding:17px 18px;border:1px solid var(--line);border-left:4px solid #8898a5;border-radius:9px;background:white}.stats article.orange{border-left-color:var(--orange)}.stats article.blue{border-left-color:var(--blue)}.stats article.green{border-left-color:#39a263}.stats span,.stats b{display:block}.stats span{color:var(--muted);font-size:10px}.stats b{margin-top:8px;font-size:25px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:white;box-shadow:0 12px 30px #0f2a3e0d}.toolbar{padding:14px;display:grid;grid-template-columns:1fr 190px auto;gap:9px;border-bottom:1px solid var(--line)}.case-list{min-height:360px}.case-row{display:grid;grid-template-columns:105px minmax(240px,1.5fr) 150px 120px 20px;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid #e8edf0}.case-row:hover{background:#f8fafb}.case-number small,.case-number b,.case-number span,.case-info b,.case-info span,.case-info small,.crew b,.crew small{display:block}.case-number small{color:var(--muted);font-size:8px}.case-number b{margin:2px 0;font-size:17px}.case-number span,.case-info span,.case-info small,.crew small{color:var(--muted);font-size:10px}.case-info b,.crew b{margin-bottom:4px;font-size:11px}.badge{padding:6px 8px;border-radius:20px;text-align:center;background:#eef1f3;color:#586875;font-size:9px;font-weight:800}.badge.pendiente{background:#fff1e5;color:#aa5c1c}.badge.asignado{background:#e7f2f7;color:#25657e}.badge.en-ejecucion{background:#e7f0ff;color:#376aa4}.badge.atendido,.badge.cerrado{background:#e7f6ec;color:#2f7e49}.empty{min-height:350px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty span{margin-top:6px;font-size:11px}.toast{position:fixed;right:24px;bottom:22px;padding:13px 16px;border-radius:8px;background:#163b50;color:white;font-size:12px;box-shadow:0 8px 25px #0003}.toast.error{background:#9c3328}.form-page{padding:22px;background:#e9eef1}.form-shell{width:min(850px,100%);margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:white;box-shadow:0 18px 60px #0f2a3e1c}.form-shell>header{padding:18px 22px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.form-shell>header>a{color:var(--blue);font-size:11px;font-weight:bold}.form-shell h1{margin:5px 0 0;font-size:21px}.form-grid{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{color:#596874;font-size:10px;font-weight:bold}.form-grid label input,.form-grid label select,.form-grid label textarea{margin-top:6px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:68px;resize:vertical}.form-shell footer{padding:14px 22px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line)}.form-shell footer .danger{margin-right:auto}.photo-section{padding:20px 22px;border-top:1px solid var(--line)}.photo-section>div:first-child{display:flex;align-items:center;justify-content:space-between}.photo-section h2{font-size:13px}.upload{display:inline-block;padding:9px 12px;border:1px solid var(--blue);border-radius:6px;color:var(--blue);font-size:10px;font-weight:bold;cursor:pointer}.upload input{display:none}.photo-grid{display:flex;gap:9px;overflow:auto;margin-top:12px}.photo-grid a{position:relative;flex:0 0 115px;height:95px;overflow:hidden;border-radius:7px;background:#e9eef1}.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-grid a span{position:absolute;left:5px;bottom:5px;padding:3px 5px;border-radius:4px;background:#051824bf;color:white;font-size:8px}.photo-grid>small{padding:25px;color:var(--muted)}.import-shell{width:min(800px,100%)}.raw{width:calc(100% - 44px);min-height:420px;margin:20px 22px;padding:15px;font:11px/1.6 Consolas,monospace}.small-shell{width:min(500px,100%)}
@media(max-width:900px){.app{grid-template-columns:1fr}.app aside{position:static;height:auto;padding:12px 16px;flex-direction:row;align-items:center}.app nav,.profile div,.app .brand small{display:none}.profile{margin:0 0 0 auto;padding:0;border:0}.main{padding:22px 14px}.stats{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr}.case-row{grid-template-columns:85px 1fr auto}.crew,.case-row>b{display:none}.auth-wrap{grid-template-columns:1fr}.auth-brand{min-height:250px;padding:30px}.auth-brand>div:last-child{margin-top:55px}.auth-brand h1{font-size:42px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:520px){.grid2{grid-template-columns:1fr}.form-page{padding:0}.form-shell{border-radius:0}.main>header{align-items:flex-end}.main h1{font-size:25px}.stats{gap:8px}.stats article{padding:13px}.case-row{padding:13px 11px;gap:9px}.case-info span{max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-shell footer{position:sticky;bottom:0;background:white}.auth-card{padding:35px 22px}}