:root{color:#17231d;font-synthesis:none;text-rendering:optimizelegibility;--primary:#146c45;--primary-dark:#0b4f31;--primary-light:#e5f3eb;--border:#e1e8e4;--muted:#738078;--sidebar:#102d20;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f7f5;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button,input,select{outline:none}.app-shell{min-height:100vh}.sidebar{z-index:50;background:radial-gradient(circle at 30% 0%, #33905c38, transparent 34%), var(--sidebar);color:#fff;flex-direction:column;width:275px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff17;align-items:center;gap:12px;min-height:88px;padding:20px 21px;display:flex}.brand-symbol{background:linear-gradient(145deg,#248c5e,#167046);border-radius:13px;flex:none;place-items:center;width:45px;height:45px;display:grid}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:15px}.sidebar-brand span{color:#a9c1b4;margin-top:3px;font-size:11px}.sidebar-label{color:#718f7f;letter-spacing:1.3px;padding:25px 22px 10px;font-size:10px;font-weight:800}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding:0 14px;display:flex}.menu-item{color:#b6c9bf;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;min-height:47px;padding:0 14px;transition:background .16s,color .16s;display:flex}.menu-item span{flex:1;font-size:13px;font-weight:650}.menu-item small{color:#fff;background:#ffffff21;border-radius:7px;place-items:center;min-width:23px;height:23px;font-size:10px;display:grid}.sidebar-footer{background:#ffffff0b;border:1px solid #ffffff14;border-radius:13px;align-items:center;gap:10px;margin:14px;padding:14px;display:flex}.sidebar-user{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.avatar{color:#12673f;background:#e4f2e9;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;font-size:11px;font-weight:800;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user strong{font-size:11px}.sidebar-user span{color:#8ba598;margin-top:3px;font-size:9px}.logout-button,.mobile-close{color:#9db3a7;background:0 0;border:0;place-items:center;display:grid}.mobile-close{margin-left:auto;display:none}.main-area{min-height:100vh;margin-left:275px}.topbar{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;gap:25px;min-height:88px;padding:15px 31px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar h1,.topbar p{margin:0}.topbar h1{font-size:20px}.topbar p{color:var(--muted);margin-top:4px;font-size:11px}.menu-toggle{border:1px solid var(--border);color:#34483d;background:#fff;border-radius:11px;width:41px;height:41px;display:none}.topbar-actions{align-items:center;gap:11px;display:flex}.top-search{border:1px solid var(--border);color:#829088;background:#f7f9f8;border-radius:11px;align-items:center;gap:9px;width:245px;height:42px;padding:0 13px;display:flex}.top-search input,.table-search input{color:#203027;background:0 0;border:0;width:100%;font-size:12px}.notification-button{border:1px solid var(--border);color:#58675f;background:#fff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid;position:relative}.notification-button span{background:#e95050;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.profile-button{border:1px solid var(--border);color:#25372d;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;min-width:205px;padding:6px 9px;display:flex}.profile-button div:nth-child(2){flex:1}.profile-button strong,.profile-button span{display:block}.profile-button strong{font-size:11px}.profile-button span{color:var(--muted);margin-top:2px;font-size:9px}.content-area{padding:29px 31px 45px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:23px;display:flex}.eyebrow,.panel-heading>div>span{color:var(--primary);letter-spacing:1.25px;margin-bottom:7px;font-size:9px;font-weight:850;display:block}.welcome-row h2,.welcome-row p{margin:0}.welcome-row h2{font-size:23px}.welcome-row p{color:var(--muted);margin-top:7px;font-size:12px}.date-card{border:1px solid var(--border);min-width:220px;color:var(--primary);background:#fff;border-radius:12px;align-items:center;gap:11px;padding:12px 14px;display:flex}.date-card span,.date-card strong{display:block}.date-card span{color:var(--muted);font-size:9px}.date-card strong{color:#23342b;margin-top:3px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:14px;min-height:115px;padding:19px;display:flex;box-shadow:0 8px 24px #19342609}.stat-icon{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.stat-icon.green{color:#167044;background:#e3f3e9}.stat-icon.blue{color:#3471b8;background:#e4effc}.stat-icon.purple{color:#7951ad;background:#efe7fb}.stat-content span,.stat-content strong,.stat-content small{display:block}.stat-content span{color:var(--muted);font-size:10px}.stat-content strong{color:#17271e;margin:4px 0 3px;font-size:25px}.stat-content small{color:#87938c;font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:19px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:17px;box-shadow:0 8px 24px #19342609}.requests-panel{min-width:0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 22px 16px;display:flex}.panel-heading.compact{align-items:center}.panel-heading h3,.panel-heading p{margin:0}.panel-heading h3{font-size:16px}.panel-heading p{color:var(--muted);margin-top:5px;font-size:10px}.panel-heading>svg{color:#8a9991}.text-button{background:var(--primary-light);color:var(--primary);border:0;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:750}.table-toolbar{align-items:center;gap:11px;padding:0 22px 17px;display:flex}.table-search{border:1px solid var(--border);color:#7b8981;border-radius:10px;flex:1;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.filter-select{border:1px solid var(--border);color:#75837b;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 10px;display:flex}.filter-select select{color:#48584f;background:#fff;border:0;font-size:10px}.table-container{border-top:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:790px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1ef;padding:14px 15px}th{color:#87938c;letter-spacing:.4px;text-transform:uppercase;background:#f8faf9;font-size:9px;font-weight:800}td{color:#35473d;font-size:10px}td strong,td span{display:block}td strong{color:#24362c;margin-bottom:4px;font-size:10px}td span{color:#849088;font-size:9px}.ticket-number{color:var(--primary)}.date-text{font-size:8px}.location-cell{color:#7b8981;align-items:center;gap:5px;max-width:145px;display:flex}.location-cell span{line-height:1.35}.status-badge,.priority-badge{border-radius:50px;align-items:center;gap:5px;width:max-content;padding:6px 8px;font-size:8px;font-weight:750;display:inline-flex}.status-badge.recibida{color:#3977ad;background:#e6f2fc}.priority-badge.alta{color:#c44545;background:#fce7e7}.priority-badge.media{color:#b66c12;background:#fff0d9}.priority-badge.baja{color:#26704c;background:#e7f2ed}.view-button{border:1px solid var(--border);width:34px;height:34px;color:var(--primary);background:#fff;border-radius:9px;place-items:center;display:grid}.view-button:hover{background:var(--primary-light)}.empty-state{color:#8c9891;flex-direction:column;justify-content:center;align-items:center;min-height:160px;display:flex}.empty-state strong{margin-top:9px}.empty-state span{margin-top:2px}.right-column{gap:19px;display:grid}.category-list{gap:17px;padding:5px 22px 23px;display:grid}.category-row{gap:8px;display:grid}.category-name,.category-value{align-items:center;display:flex}.category-name{gap:8px}.category-name strong{font-size:10px}.category-dot{border-radius:50%;width:8px;height:8px}.category-dot.basura{background:#1c8154}.category-dot.baches{background:#e59a31}.category-dot.luces{background:#647bd3}.category-dot.drenaje{background:#4ca1b4}.category-dot.otras{background:#a27ac7}.category-value{gap:10px}.category-value span{color:#526159;width:22px;font-size:9px}.bar{background:#edf1ef;border-radius:20px;flex:1;height:7px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#1b774d,#31a16c);height:100%;display:block}.activity-list{padding:1px 22px 22px}.activity-item{border-bottom:1px solid #edf1ef;gap:11px;padding:13px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-icon{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.activity-icon.success{color:#187047;background:#e2f2e8}.activity-icon.info{color:#4778b4;background:#e6eef9}.activity-icon.warning{color:#bf7314;background:#fff0d9}.activity-item strong,.activity-item p,.activity-item span{margin:0;display:block}.activity-item strong{color:#2c3d34;font-size:10px}.activity-item p{color:#738078;margin:4px 0;font-size:9px;line-height:1.4}.activity-item span{color:#a0aaa4;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0819109e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.request-modal{background:#fff;border-radius:19px;width:min(580px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 30px 90px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:23px;display:flex}.modal-header span{color:var(--muted);font-size:10px}.modal-header h2{margin:5px 0 0;font-size:19px}.modal-header button{border:1px solid var(--border);color:#617068;background:#fff;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.modal-status-row{gap:8px;padding:18px 23px 0;display:flex}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px 23px;display:grid}.detail-item{border:1px solid var(--border);color:var(--primary);border-radius:12px;gap:10px;padding:14px;display:flex}.detail-item span,.detail-item strong{display:block}.detail-item span{color:var(--muted);font-size:9px}.detail-item strong{color:#293b31;margin-top:4px;font-size:10px;line-height:1.35}.description-box,.evidence-box{background:#f6f9f7;border-radius:12px;margin:0 23px 17px;padding:16px}.description-box span{color:var(--muted);font-size:9px}.description-box p{color:#425249;margin:7px 0 0;font-size:11px;line-height:1.55}.evidence-box{color:var(--primary);border:1px dashed #cad7d0;align-items:center;gap:12px;display:flex}.evidence-box strong,.evidence-box span{display:block}.evidence-box strong{color:#31433a;font-size:10px}.evidence-box span{color:var(--muted);margin-top:4px;font-size:9px}.modal-actions{justify-content:flex-end;gap:10px;padding:18px 23px 23px;display:flex}.primary-button,.secondary-button{border-radius:10px;min-height:40px;padding:0 16px;font-size:10px;font-weight:750}.primary-button{background:var(--primary);color:#fff;border:0}.secondary-button{border:1px solid var(--border);color:#46574e;background:#fff}.sidebar-overlay{display:none}@media (width<=1250px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=950px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay.visible{z-index:45;background:#07140d8c;display:block;position:fixed;inset:0}.mobile-close,.menu-toggle{place-items:center;display:grid}.main-area{margin-left:0}.top-search{display:none}}@media (width<=700px){.topbar{min-height:75px;padding:12px 17px}.topbar p,.profile-button div:nth-child(2),.profile-button>svg{display:none}.profile-button{border:0;min-width:auto;padding:4px}.content-area{padding:22px 17px 35px}.welcome-row{flex-direction:column;align-items:flex-start}.date-card{width:100%}.stats-grid,.right-column{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.filter-select select{width:100%}.detail-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.primary-button,.secondary-button{width:100%}}.login-page{background:radial-gradient(circle at 15% 15%,#30965e59,#0000 30%),linear-gradient(135deg,#0b3f28,#146c45,#0f5133);place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{background:#fff;border-radius:26px;width:min(430px,100%);padding:38px;box-shadow:0 35px 90px #00000040}.login-logo{color:#146c45;background:#e4f3ea;border-radius:20px;place-items:center;width:66px;height:66px;margin-bottom:20px;display:grid}.login-card h1{color:#17231d;margin:0;font-size:30px}.login-card p{color:#66756d;margin:10px 0 28px;line-height:1.5}.login-card form{gap:16px;display:grid}.login-card label{color:#405249;gap:8px;font-size:13px;font-weight:700;display:grid}.login-card input{border:1px solid #dbe6df;border-radius:14px;height:48px;padding:0 15px;font-size:15px}.login-card button{color:#fff;background:#146c45;border:0;border-radius:14px;height:50px;font-size:15px;font-weight:800}.login-card small{color:#87938c;text-align:center;margin-top:20px;display:block}@media (width<=760px){.form-box{grid-template-columns:1fr!important}}.request-modal{width:min(760px,95vw)!important}.form-box{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:24px 28px 28px!important;display:grid!important}.form-box label{color:#31443a!important;flex-direction:column!important;gap:8px!important;font-size:13px!important;font-weight:800!important;display:flex!important}.form-box label.full{grid-column:1/-1!important}.form-box input,.form-box select,.form-box textarea{color:#17231d!important;background:#fff!important;border:1px solid #d9e4dd!important;border-radius:12px!important;width:100%!important;min-height:46px!important;padding:11px 13px!important;font-size:14px!important}.form-box textarea{resize:vertical!important;min-height:105px!important}.modal-actions.full{grid-column:1/-1!important}.modal-actions{justify-content:flex-end!important;gap:12px!important;display:flex!important}.primary-button,.secondary-button{border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:0 20px!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important}.primary-button{color:#fff!important;background:#146c45!important;border:0!important}@media (width<=760px){.form-box{grid-template-columns:1fr!important}}.admin-module{padding:25px}.module-header{margin-bottom:22px}.module-header span{color:#146c45;letter-spacing:1.3px;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.module-header h3{margin:0;font-size:24px}.module-header p{color:#66756d;margin:7px 0 0}.module-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin-bottom:25px;display:grid}.module-form.users-form{grid-template-columns:repeat(3,1fr)}.module-form.config-form{grid-template-columns:repeat(2,1fr);align-items:stretch}.module-form label{color:#405249;gap:7px;font-size:13px;font-weight:800;display:grid}.module-form input,.module-form select{color:#17231d;background:#fff;border:1px solid #dce5df;border-radius:12px;min-height:46px;padding:0 13px}.module-table{border:1px solid #e1e8e4;border-radius:15px;overflow-x:auto}.module-table table{min-width:700px}.module-table td,.module-table th{font-size:12px}.config-form button{align-self:end}@media (width<=950px){.module-form,.module-form.users-form,.module-form.config-form{grid-template-columns:1fr}}.module-actions{align-items:center;gap:10px;display:flex}.table-actions{align-items:center;gap:8px;display:flex}.small-action{border-radius:9px;min-height:34px;padding:0 12px;font-size:11px;font-weight:800}.small-action.edit{color:#146c45;background:#e6f4ec;border:1px solid #d8e5de}.small-action.delete{color:#b63b3b;background:#fdeaea;border:1px solid #f2d3d3}.small-action:hover{filter:brightness(.97)}@media (width<=950px){.module-actions{flex-direction:column;align-items:stretch}.module-actions button{width:100%}}.readonly-label{color:#6b7a72;background:#eef3f0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}button:disabled{opacity:.55;cursor:not-allowed}.advanced-users-form{grid-template-columns:repeat(3,1fr)!important}.permissions-box{background:#f8fbf9;border:1px solid #dce5df;border-radius:15px;grid-column:1/-1;padding:18px}.permissions-box>strong{color:#283a30;margin-bottom:12px;font-size:14px;display:block}.permissions-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.permission-check{background:#fff;border:1px solid #dce5df;border-radius:12px;align-items:center;min-height:42px;padding:10px 12px;color:#31443a!important;flex-direction:row!important;gap:8px!important;font-size:12px!important;display:flex!important}.permission-check input{width:16px!important;height:16px!important;min-height:auto!important}.admin-permission{color:#146c45;background:#e6f4ec;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:800;display:inline-flex}.users-actions{grid-column:1/-1}.permission-tags{flex-wrap:wrap;gap:6px;max-width:330px;display:flex}.permission-tags span{color:#146c45;background:#eaf4ee;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.warning-box{color:#8a5a12;background:#fff8e9;border:1px solid #f2d8aa;border-radius:13px;margin-bottom:18px;padding:14px 16px;font-size:13px;font-weight:800}@media (width<=1000px){.advanced-users-form,.permissions-grid{grid-template-columns:1fr!important}}:root{--primary:#17477d;--primary-dark:#0f3768;--primary-light:#eaf1f8;--sidebar:#17477d;--accent-red:#d20a2e;--accent-red-dark:#b50826;--text-dark:#1e2b36;--border:#dde5ee;--muted:#6b7a89}body{color:var(--text-dark)!important;background:#f4f6f8!important}.sidebar{color:#fff!important;background:linear-gradient(#17477d 0%,#0f3768 100%)!important}.sidebar-brand{border-bottom:1px solid #ffffff29!important}.brand-symbol{color:#17477d!important;background:#fff!important}.sidebar-label{color:#bfd1e6!important}.menu-item{color:#dce8f5!important}.menu-item:hover{color:#fff!important;background:#ffffff1f!important}.menu-item.active{color:#fff!important;background:#d20a2e!important;box-shadow:0 10px 24px #d20a2e38!important}.menu-item small{color:#fff!important;background:#ffffff38!important}.sidebar-footer{background:#ffffff1a!important;border-color:#ffffff2e!important}.sidebar-user span{color:#c8d8ea!important}.avatar{color:#17477d!important;background:#fff!important}.topbar{background:#fff!important;border-bottom:1px solid #dde5ee!important}.topbar h1,.welcome-row h2,.panel-heading h3,.module-header h3{color:#0b2f5b!important}.topbar p,.welcome-row p,.panel-heading p,.module-header p{color:#6b7a89!important}.eyebrow,.panel-heading>div>span,.module-header span{color:#d20a2e!important}.primary-button,.login-card button{color:#fff!important;background:#d20a2e!important}.primary-button:hover,.login-card button:hover{background:#b50826!important}.secondary-button{color:#17477d!important;background:#fff!important;border:1px solid #c9d6e6!important}.big-button{color:#fff!important;background:#d20a2e!important}.panel,.stat-card,.request-modal,.login-card{background:#fff!important;border-color:#dde5ee!important}.stat-icon.green,.stat-icon.blue,.stat-icon.purple{color:#17477d!important;background:#eaf1f8!important}.stat-icon.orange{color:#d20a2e!important;background:#fce8ec!important}.ticket-number,.stat-content strong{color:#0b2f5b!important}input,select,textarea,.top-search,.table-search,.filter-select{border-color:#c9d6e6!important}input:focus,select:focus,textarea:focus{border-color:#17477d!important;box-shadow:0 0 0 3px #17477d1f!important}.login-page{background:radial-gradient(circle at 15% 15%,#d20a2e38,#0000 28%),linear-gradient(135deg,#0b2f5b,#17477d,#0f3768)!important}.login-logo,.status-badge.recibida{color:#17477d!important;background:#eaf1f8!important}.status-badge.revision{color:#b87510!important;background:#fff2d8!important}.status-badge.asignada{color:#17477d!important;background:#edf2fa!important}.status-badge.proceso{color:#0f3768!important;background:#eaf1f8!important}.status-badge.resuelta{color:#1a7a46!important;background:#e8f5ee!important}.status-badge.rechazada{color:#d20a2e!important;background:#fce8ec!important}.small-action.edit{color:#17477d!important;background:#eaf1f8!important;border-color:#c9d6e6!important}.small-action.delete{color:#d20a2e!important;background:#fce8ec!important;border-color:#f3c4cd!important}.permission-tags span,.admin-permission,.readonly-label{color:#17477d!important;background:#eaf1f8!important}.detail-item{color:#17477d!important}.description-box,.evidence-box{background:#f4f6f8!important}.close-request-button{color:#fff!important;background:#17477d!important}.close-request-button:hover{background:#0f3768!important}