:root{--green:#349d49;--blue:#3472a5;--cyan:#62bdce;--dark:#173c4a;--dark2:#102f3b;--ink:#263b44;--muted:#74858d;--line:#dce6e8;--bg:#f3f7f7;--white:#fff;--danger:#b74e50;--amber:#c98319}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--dark2),var(--dark));color:#fff;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 8px 20px;border-bottom:1px solid #ffffff20}.side-brand img{width:46px;height:46px;object-fit:contain}.side-brand b,.side-brand small{display:block}.side-brand b{font-size:13px}.side-brand small{font-size:10px;color:#b4ccd2;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.sidebar nav{display:flex;flex-direction:column;gap:4px;padding-top:20px}.sidebar nav a{display:flex;gap:11px;align-items:center;color:#bfd1d6;text-decoration:none;font-size:12px;font-weight:650;padding:11px 12px;border-radius:8px;position:relative}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff13}.sidebar nav a.active:before{content:"";position:absolute;left:-14px;width:3px;height:25px;background:var(--cyan)}.sidebar nav i{font-style:normal;font-size:17px;width:19px;text-align:center}.side-user{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 7px 0;display:flex;align-items:center;gap:9px}.side-user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:var(--dark);font-weight:800;font-size:10px}.side-user b,.side-user small{display:block}.side-user b{font-size:10px}.side-user small{color:#a8c1c8;font-size:9px;margin-top:3px}.main{margin-left:250px;min-height:100vh}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar small{display:block;font-size:8px;letter-spacing:.11em;color:#87969c;font-weight:700}.topbar h1{font-family:Georgia,serif;color:var(--dark);font-size:23px;margin:4px 0 0}.top-links{display:flex;gap:8px}.top-links a{font-size:10px;color:var(--dark);text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:8px 10px}.mobile-menu{display:none}.content{max-width:1500px;margin:auto;padding:27px 30px 45px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.page-head h2{font-family:Georgia,serif;color:var(--dark);font-size:21px;margin:0 0 4px}.page-head p{font-size:11px;color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;padding:10px 14px;font-size:10px;font-weight:750;cursor:pointer;border:1px solid transparent}.btn.primary{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 3px 8px #349d4930}.btn.primary:hover{background:#2e8c41}.btn.ghost{background:#fff;border-color:#cbdadd;color:var(--dark)}.alert{padding:11px 14px;border-radius:7px;margin-bottom:16px;font-size:11px}.alert.success{background:#e6f5eb;color:#25733a;border:1px solid #bde4c8}.alert.danger{background:#fae9e9;color:#993f41;border:1px solid #efc7c8}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #173c4a0c;overflow:hidden}.panel-head{padding:16px 18px;border-bottom:1px solid #e8eeee;display:flex;align-items:center;justify-content:space-between}.panel-head h3{font-family:Georgia,serif;color:var(--dark);font-size:16px;margin:0}.panel-head small{font-size:9px;color:#89969c;display:block;margin-top:3px}.panel-head a{font-size:9px;color:var(--green);font-weight:700;text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;display:flex;gap:12px}.stat-grid article>i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:17px}.stat-grid i.cyan{background:#e7f6f8;color:#3c95a7}.stat-grid i.green{background:#e8f5eb;color:var(--green)}.stat-grid i.blue{background:#e8f0f6;color:var(--blue)}.stat-grid .attention{border-left:3px solid #df9b35}.stat-grid .attention>i{background:#fbefdc;color:var(--amber)}.stat-grid small,.stat-grid b,.stat-grid em{display:block}.stat-grid small{color:var(--muted);font-size:9px;font-weight:700}.stat-grid b{font-family:Georgia,serif;font-size:25px;color:var(--dark);margin:3px 0}.stat-grid em{font-size:8px;color:#8c999e;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1fr 280px;gap:18px}.simple-list>div{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid #edf1f2}.simple-list i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-style:normal}.simple-list i.out{background:#fae9e9;color:#ae5151}.simple-list i.in{background:#e5f4e9;color:#2f8643}.simple-list span{min-width:0}.simple-list b,.simple-list small{display:block}.simple-list b{font-size:10px}.simple-list small{font-size:8px;color:#819097;margin-top:3px}.simple-list time{margin-left:auto;font-size:8px;color:#8a989e}.summary-panel>a{display:flex;padding:14px 17px;border-bottom:1px solid #edf1f2;color:var(--ink);text-decoration:none;font-size:10px;justify-content:space-between}.summary-panel>a b{color:var(--dark);font-size:15px}.form-panel{margin-bottom:18px}.form-panel.narrow{max-width:560px}.form-grid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid h2{font-family:Georgia,serif;font-size:15px;color:var(--dark);margin:4px 0 -2px;padding-bottom:8px;border-bottom:1px solid var(--line)}label{display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:700;color:#57676e}input,select,textarea{width:100%;border:1px solid #ccdadd;background:#fff;border-radius:6px;padding:10px 11px;font:inherit;font-size:10px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #62bdce20}textarea{min-height:75px;resize:vertical}label small{font-size:8px;color:#89969c;font-weight:400}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.filters{padding:12px 15px;display:flex;gap:8px;border-bottom:1px solid var(--line)}.filters input{flex:1}.filters select{width:190px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{padding:10px 13px;text-align:left;background:#f5f8f8;border-block:1px solid #e8eeee;color:#718188;text-transform:uppercase;font-size:8px;letter-spacing:.06em}td{padding:11px 13px;border-bottom:1px solid #edf1f2;font-size:9px;color:#53636a;vertical-align:middle}td b{font-size:10px;color:#2e424a}td small{display:block;color:#8b989e;font-size:8px;margin-top:3px}.badge{display:inline-flex;padding:4px 7px;border-radius:10px;font-size:8px;font-weight:700;white-space:nowrap}.badge.area{background:#e8f5eb;color:#2e7c40}.badge.condition{background:#e8f2f6;color:#36738d}.badge.pending{background:#fbefdc;color:#a86d16}.badge.done{background:#e5f4e9;color:#2d7c40}.table-action{color:var(--green);text-decoration:none;font-size:9px;font-weight:700}.table-action.button,.link-danger{background:none;border:0;padding:0;cursor:pointer}.link-danger{color:var(--danger);font-size:8px;font-weight:700}.empty{text-align:center!important;color:#89969c!important;padding:25px!important}.sets-grid{display:grid;grid-template-columns:minmax(520px,1fr) 390px;gap:18px}.assign-form{display:grid;grid-template-columns:1fr;gap:8px;padding:14px}.piece-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-top:1px solid #edf1f2}.piece-list b,.piece-list small{display:block}.piece-list b{font-size:9px}.piece-list small{font-size:8px;color:#87949a;margin-top:3px}dialog{border:0;border-radius:12px;padding:0;width:min(500px,calc(100% - 30px));box-shadow:0 20px 70px #102f3b55}dialog::backdrop{background:#0d2935b5}.dialog-form{padding:23px;display:grid;gap:12px}.dialog-form h3{font-family:Georgia,serif;color:var(--dark);margin:0}.dialog-form p{margin:-7px 0 4px;color:var(--muted);font-size:10px}.report-title{display:none}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef8f6,#eaf2f6);padding:22px}.login-card,.install-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #163b4a18;width:min(460px,100%);padding:30px}.install-card{width:min(700px,100%)}.auth-brand{display:flex;align-items:center;gap:13px}.auth-brand.centered{justify-content:center;text-align:left}.auth-brand img{width:66px;height:66px;object-fit:contain}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{color:var(--dark);font-size:14px}.auth-brand span{font-size:9px;text-transform:uppercase;color:#799098;letter-spacing:.08em;margin-top:4px}.auth-heading{text-align:center;margin:25px 0 18px}.auth-heading h1,.install-success h1{font-family:Georgia,serif;color:var(--dark);margin:0 0 6px;font-size:23px}.auth-heading p,.install-success p{font-size:10px;color:var(--muted);margin:0}.login-form{display:grid;gap:14px}.login-form .btn{margin-top:3px}.auth-foot{display:block;text-align:center;color:#93a0a5;margin-top:20px;font-size:8px}.install-success{text-align:center;padding:30px 10px 8px}.install-success .btn{margin:20px 0}.security-note{background:#fff6e6;padding:10px!important;border-radius:6px;color:#936516!important}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.sets-grid,.report-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0}.topbar{padding:0 15px;height:74px}.mobile-menu{display:block;border:0;background:none;font-size:20px;color:var(--dark)}.topbar>div:first-of-type{margin-right:auto}.topbar small{display:none}.top-links a:first-child{display:none}.content{padding:20px 14px}.page-head{align-items:flex-start;gap:12px}.page-head p{max-width:230px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{width:auto;flex:1}.login-card,.install-card{padding:22px}.stat-grid{grid-template-columns:1fr 1fr}.locator-panel>form{flex-direction:column}.locator-results article{grid-template-columns:1fr 1fr}.locator-name{grid-column:2}.locator-results article>div:nth-child(3){grid-column:1/-1}}
@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.page-head .btn{width:100%}}
.top-links button{font-size:10px;color:var(--dark);border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:#fff;cursor:pointer}
.password-wrap{position:relative;display:block}.password-wrap input{padding-right:42px}.password-wrap button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:28px;border:0;background:transparent;color:var(--blue);font-size:15px;cursor:pointer}.set-name-cell{display:flex;align-items:center;gap:9px}.set-name-cell>img{width:38px;height:38px;border-radius:6px;object-fit:cover;border:1px solid var(--line)}.set-photo{width:100%;height:190px;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.locator-panel{margin-bottom:18px;padding:16px 18px}.locator-copy{display:flex;align-items:center;gap:11px;margin-bottom:12px}.locator-copy>i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#e7f6f8;color:#3c95a7;font-size:20px;font-style:normal}.locator-copy h3{font-family:Georgia,serif;color:var(--dark);margin:0;font-size:16px}.locator-copy p{font-size:9px;color:var(--muted);margin:3px 0 0}.locator-panel>form{display:flex;gap:8px}.locator-panel>form input{flex:1}.locator-results{margin:15px -18px -16px;border-top:1px solid var(--line)}.locator-results article{display:grid;grid-template-columns:110px minmax(170px,1.2fr) minmax(180px,1fr) 130px 130px;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid #edf1f2}.locator-results small,.locator-results b,.locator-results em{display:block}.locator-results small{font-size:7px;color:#839199;font-weight:700;letter-spacing:.05em;margin-bottom:4px}.locator-results b{font-size:10px;color:#2d424a}.locator-results em{font-style:normal;font-size:8px;color:#86949a;margin-top:3px}.locator-results .located-set{color:var(--green)}
.tour-overlay{position:fixed;inset:0;background:#08232d99;z-index:1000;pointer-events:auto}.tour-active .sidebar{z-index:1002}.tour-focus{position:relative!important;z-index:1002!important;background:#fff!important;color:var(--dark)!important;box-shadow:0 0 0 5px var(--cyan),0 12px 35px #0005!important}.tour-card{position:fixed;z-index:1003;background:#fff;border-radius:12px;padding:20px;box-shadow:0 20px 60px #071b2455}.tour-card small{font-size:8px;color:var(--green);font-weight:800;letter-spacing:.08em}.tour-card h3{font-family:Georgia,serif;color:var(--dark);font-size:19px;margin:7px 0}.tour-card p{color:#607178;font-size:10px;line-height:1.6;margin:0 0 17px}.tour-actions{display:flex;justify-content:space-between;align-items:center}.tour-actions span{display:flex;gap:7px}.tour-actions button{border:1px solid var(--line);background:#fff;color:var(--dark);border-radius:6px;padding:8px 10px;font-size:9px;font-weight:700;cursor:pointer}.tour-actions .tour-next{background:var(--green);border-color:var(--green);color:#fff}.tour-actions button:disabled{opacity:.35}.tour-actions .tour-skip{border:0;color:#7f8d93;padding-left:0}
@media print{.sidebar,.topbar,.page-head .btn,.page-head button,.filters,.table-action{display:none!important}.main{margin:0}.content{max-width:none;padding:0}.panel{box-shadow:none;break-inside:avoid}.report-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:2px solid var(--green);padding-bottom:10px}.report-title img{width:55px}.report-title h2{margin:0;color:var(--dark)}.report-title p{font-size:9px;color:var(--muted)}.report-grid{grid-template-columns:1fr}body{background:#fff}}
.inline-form{display:inline;margin:0}.inline-form button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}
.danger-zone{border:1px solid #e6b9ba}.danger-zone h3{color:var(--danger)}.data-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.data-counts span{background:#f7f9f9;border:1px solid var(--line);border-radius:9px;padding:14px;text-align:center}.data-counts b{display:block;font-size:24px}.data-counts small{color:var(--muted)}.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.danger-button:hover{filter:brightness(.92)}@media(max-width:760px){.data-counts{grid-template-columns:1fr 1fr}}
.set-history{margin-top:20px}.timeline article{display:grid;grid-template-columns:16px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline article:last-child{border-bottom:0}.timeline i{width:11px;height:11px;border-radius:50%;background:var(--blue);margin-top:5px}.timeline i.retirar{background:var(--danger)}.timeline i.asignar{background:var(--green)}.timeline i.devolucion{background:var(--amber)}.timeline b,.timeline small{display:block}.timeline p{margin:5px 0;color:var(--ink)}.timeline small{color:var(--muted);margin-top:5px}.export-options{margin-top:18px}.export-buttons{display:flex;gap:10px;flex-wrap:wrap}.set-report-list{display:grid;gap:18px}.set-report{break-inside:avoid}@media print{.set-history .btn,.export-options{display:none}.set-report{break-inside:avoid;page-break-inside:avoid}}
.photo-link{margin-right:9px;white-space:nowrap}.set-name-cell>.photo-link{padding:5px 8px;font-size:11px}.set-detail>.photo-link{display:inline-flex;margin-bottom:14px}