.dashboard-body{background:#f4f5f1}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#111111;color:#fff;padding:1.5rem;display:flex;flex-direction:column;z-index:1040}.side-brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1rem}.side-brand>span{display:grid;place-items:center;width:42px;height:42px;background:#f05a22;border-radius:50% 50% 50% 12px;font:700 1.4rem Oswald}.side-brand small{display:block;color:rgba(255,255,255,.5);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.side-context{margin:2.4rem 0 1rem;padding:1rem;background:rgba(255,255,255,.07);border-radius:12px}.side-context small,.side-context strong{display:block}.side-context small{font-size:.58rem;letter-spacing:.18em;color:rgba(255,255,255,.45)}.sidebar nav{display:flex;flex-direction:column;gap:.22rem;overflow-y:auto}.sidebar nav a{display:flex;align-items:center;gap:.8rem;padding:.72rem .85rem;color:rgba(255,255,255,.72);border-radius:10px;font-size:.86rem;font-weight:600}.sidebar nav a i{width:22px;font-style:normal;text-align:center;font-size:1.05rem}.sidebar nav a:hover,.sidebar nav a.active{background:#f05a22;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.side-bottom a,.side-bottom button{display:block;color:rgba(255,255,255,.7);background:none;border:0;padding:.45rem 0;font-size:.8rem}.app-main{margin-left:270px;min-height:100vh}.app-topbar{height:78px;background:#fff;border-bottom:1px solid #e4e7e1;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.app-topbar>div:first-of-type small,.app-topbar>div:first-of-type strong{display:block}.app-topbar small{font-size:.7rem;color:#7b837c}.menu-toggle{display:none;border:0;background:none;font-size:1.4rem}.top-actions{display:flex;align-items:center;gap:1rem}.top-actions button{border:0;background:#f2f4ef;border-radius:50%;width:38px;height:38px}.top-actions>span{display:grid;place-items:center;width:40px;height:40px;background:#111111;color:#fff;border-radius:50%;font-weight:800;font-size:.8rem}.app-content{padding:clamp(1.25rem,3vw,3rem);max-width:1500px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.page-head h1{font-size:clamp(2.4rem,4vw,4rem);margin:0}.page-head p:last-child{color:#697169;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric{background:#fff;border:1px solid #e1e5de;border-radius:18px;padding:1.4rem;min-height:160px;display:flex;flex-direction:column}.metric.primary{background:#f05a22;color:#fff;border-color:#f05a22}.metric span{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.metric strong{font:600 3rem Oswald;margin:auto 0;line-height:1}.metric .metric-word{font-size:1.7rem}.metric small{color:#788079}.metric.primary small{color:rgba(255,255,255,.7)}.panel{background:#fff;border:1px solid #e1e5de;border-radius:20px;padding:1.5rem;height:100%}.panel h2{font-size:1.5rem}.panel-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #edf0eb;padding-bottom:1rem;margin-bottom:.5rem}.panel-head h2,.panel-head p{margin:0}.panel-head p{color:#7b837c;font-size:.82rem}.panel-head a{color:#f05a22;font-weight:800;font-size:.8rem}.activity-list>a{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #edf0eb;color:#171915}.activity-list>a:last-child{border:0}.activity-list>a>div{flex:1}.activity-list strong,.activity-list small{display:block}.activity-list small{color:#7b837c;font-size:.75rem;margin-top:.2rem}.activity-list time{color:#7b837c;font-size:.75rem}.status-dot{width:10px;height:10px;border-radius:50%;background:#f05a22;box-shadow:0 0 0 5px #fff0e9}.empty-state{text-align:center;padding:3rem 1rem;color:#6c746d}.empty-state b{display:block;color:#171915;font-size:1.1rem}.card-identity{background:#111111;color:#fff;position:relative;overflow:hidden}.card-identity:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-80px;top:-70px}.card-identity h3{font-size:1.4rem;margin:2rem 0}.card-mini{font-size:.65rem;letter-spacing:.14em;color:#ffad8f}.fake-qr{display:grid;place-items:center;width:76px;height:76px;background:#fff;color:#111111;font:700 1.2rem Oswald;margin-bottom:1.5rem;background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,#e7ece9 6px,#e7ece9 9px)}.card-identity b,.card-identity p{display:block}.card-identity p{color:rgba(255,255,255,.6);font-size:.8rem}.portal-table th{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:#7b837c;padding:1rem}.portal-table td{padding:1rem;font-size:.85rem}.folio{font-weight:800;color:#f05a22}.status-badge{display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:#edf1ed;color:#405047;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status-nueva{background:#fff0e9;color:#b94216}.status-en_proceso,.status-asignada{background:#fff6d9;color:#7c5d00}.status-atendida,.status-cerrada{background:#def4e9;color:#18603d}.form-panel .form-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.form-panel .form-control,.form-panel .form-select{padding:.85rem;border-color:#dce1da}.help-card{background:#111111;color:#fff;border-radius:20px;padding:2rem}.help-card>span{font-size:.66rem;letter-spacing:.14em;color:#ffad8f}.help-card ol{list-style:none;padding:0;margin:2rem 0 0}.help-card li{display:flex;gap:1rem;margin-bottom:1.5rem}.help-card li:before{content:counter(list-item);display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font:600 .85rem Oswald}.help-card b,.help-card small{display:block}.help-card small{color:rgba(255,255,255,.55);margin-top:.25rem}.request-copy{line-height:1.9;color:#505951}.request-location{display:flex;gap:1rem;background:#f4f5f1;padding:1rem;border-radius:12px;margin-top:2rem}.request-location small,.request-location strong{display:block}.timeline{padding-left:.5rem}.timeline>div{position:relative;padding:0 0 1.7rem 1.5rem;border-left:2px solid #e2e6df}.timeline i{position:absolute;left:-7px;top:2px;width:12px;height:12px;background:#f05a22;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #f05a22}.timeline small,.timeline strong{display:block}.timeline small{color:#7b837c;font-size:.7rem}.timeline p{font-size:.8rem;color:#697169;margin:.25rem 0 0}.business-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.business-steps>div{display:flex;gap:1rem;padding:1rem;background:#f4f5f1;border-radius:12px}.business-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #aab2aa}.business-steps .done b{background:#f05a22;color:#fff;border-color:#f05a22}.business-steps strong,.business-steps small{display:block}.business-steps small{color:#788079;font-size:.72rem}.manager-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.manager-board div{padding:1.2rem;background:#f4f5f1;border-radius:12px}.manager-board span,.manager-board strong{display:block}.manager-board span{font-size:.65rem;letter-spacing:.08em}.manager-board strong{font:600 2rem Oswald;margin-top:.5rem}.pulse-card{text-align:center}.pulse-ring{width:150px;height:150px;border-radius:50%;border:16px solid #ffe4da;display:grid;place-content:center;margin:2rem auto;box-shadow:inset 0 0 0 2px #f05a22}.pulse-ring strong,.pulse-ring small{display:block}.pulse-ring strong{font:600 2.5rem Oswald}.auth-body{margin:0;background:#f5f3ed}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,44%) 1fr}.auth-story{background:#111111;color:#fff;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-250px;bottom:-180px}.auth-brand{color:#fff;font-weight:800;display:flex;align-items:center;gap:.7rem}.auth-brand span{display:grid;place-items:center;width:42px;height:42px;background:#f05a22;border-radius:50% 50% 50% 12px;font:700 1.4rem Oswald}.auth-story h1{font-size:clamp(3rem,6vw,6rem);line-height:.95}.auth-story h1 em{font-style:normal;color:#f05a22}.auth-story p{color:rgba(255,255,255,.67);max-width:550px}.auth-story>small{color:rgba(255,255,255,.45)}.auth-form-panel{display:grid;place-items:center;padding:2rem}.auth-card{width:min(520px,100%)}.auth-card h2{font-size:2.7rem}.auth-card .form-control{min-height:58px;border-radius:12px}.back-link{color:#5e675f;font-size:.85rem}.auth-switch{text-align:center;margin-top:1.5rem;color:#697169}.auth-card a{color:#d84b18;font-weight:700}
@media(max-width:1199.98px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-main{margin-left:0}.menu-toggle{display:block}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:440px}.auth-form-panel{padding:4rem 1.25rem}}@media(max-width:575.98px){.app-topbar{padding:0 1rem}.app-content{padding:1rem}.page-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:135px;padding:1rem}.metric strong{font-size:2.3rem}.business-steps,.manager-board{grid-template-columns:1fr}.auth-story{min-height:390px;padding:2rem}.auth-story h1{font-size:3.5rem}}
