:root{--navy:#102e49;--navy-2:#173f62;--orange:#f47b20;--orange-2:#ff9b4f;--teal:#0d9488;--blue:#2f6feb;--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--text:#172331;--muted:#6b7888;--border:#e2e8f0;--success:#15803d;--success-bg:#ecfdf3;--danger:#c2413b;--danger-bg:#fff1f0;--info-bg:#eaf2ff;--shadow:0 12px 36px rgba(20,43,65,.08);--sidebar:260px;--radius:14px}
[data-theme=dark]{--navy:#e7f0f7;--navy-2:#c5d8e7;--bg:#0e1720;--surface:#15222e;--surface-2:#1a2a38;--text:#e8eef4;--muted:#9cafbf;--border:#2a3c4b;--success:#5cdb8a;--success-bg:#173426;--danger:#ff8b83;--danger-bg:#3b2021;--info-bg:#172c4a;--shadow:0 16px 42px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}.eyebrow{display:block;margin-bottom:8px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow.light{color:#ffc18e}
.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:9px 16px;font-weight:750}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 6px 16px rgba(244,123,32,.22)}.btn-primary:hover{background:#db6711;transform:translateY(-1px)}.btn-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-secondary:hover{background:var(--surface-2)}.btn-block{width:100%;min-height:50px}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:20px}.icon-button:hover{border-color:var(--orange);color:var(--orange)}
/* Authentication */
.auth-page{min-height:100vh}.auth-layout{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.04fr) minmax(420px,.96fr)}.auth-showcase{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d2942 0%,#173f62 70%,#205273 100%);color:#fff}.auth-showcase:before,.auth-showcase:after{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;content:""}.auth-showcase:before{width:430px;height:430px;right:-130px;top:-130px}.auth-showcase:after{width:580px;height:580px;left:-260px;bottom:-300px}.showcase-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px}.showcase-content{position:relative;z-index:1;display:flex;max-width:680px;height:100%;margin:auto;padding:54px 9%;flex-direction:column}.auth-logo img{width:190px;filter:brightness(0) invert(1)}.showcase-copy{margin:auto 0}.showcase-copy h2{max-width:610px;margin:0 0 22px;font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em}.showcase-copy p{max-width:520px;color:#c4d5e2;font-size:17px;line-height:1.7}.showcase-pills{display:flex;gap:9px;flex-wrap:wrap}.showcase-pills span{border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:8px 12px;background:rgba(255,255,255,.06);color:#dce8f1;font-size:11px;font-weight:650}.auth-panel{display:grid;place-items:center;padding:46px;background:var(--surface)}.auth-card{width:min(100%,430px)}.mobile-brand{display:none;margin-bottom:38px}.mobile-brand img{width:178px}.auth-heading{margin-bottom:28px}.auth-heading h1{margin-bottom:10px;font-size:32px;line-height:1.18;letter-spacing:-.035em}.auth-heading p{color:var(--muted);line-height:1.65}.form-stack{display:grid;gap:18px}.field{display:grid;gap:7px;color:var(--text);font-size:12px;font-weight:750}.field>span small{color:var(--muted);font-weight:500}.field input,.field select{width:100%;height:46px;border:1px solid var(--border);border-radius:9px;outline:0;background:var(--surface);color:var(--text);padding:0 13px;font-size:13px}.field input:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,123,32,.11)}.input-wrap{position:relative}.input-wrap input{padding-left:42px;padding-right:48px}.input-icon{position:absolute;z-index:1;left:14px;top:50%;color:var(--muted);font-weight:800;transform:translateY(-50%)}.password-toggle{position:absolute;right:7px;top:7px;height:32px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:-3px}.form-meta a,.back-link{color:var(--orange);font-size:12px;font-weight:750}.auth-footer{margin:32px 0 0;color:var(--muted);font-size:10px;text-align:center}.auth-theme{position:fixed;z-index:4;right:22px;top:22px}.dev-link{display:grid;gap:7px;margin-top:18px;border:1px dashed var(--orange);border-radius:10px;padding:13px;background:rgba(244,123,32,.06);font-size:11px}.dev-link a{color:var(--orange);font-weight:700}.back-link{display:inline-block;margin-bottom:27px}
/* Shell */
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;display:flex;width:var(--sidebar);flex-direction:column;border-right:1px solid #244863;background:#102e49;color:#c8d6e1}.sidebar-brand{display:flex;height:78px;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{width:146px;filter:brightness(0) invert(1)}.sidebar-close{display:none;border-color:rgba(255,255,255,.16);background:transparent;color:white}.sidebar-nav{display:flex;overflow-y:auto;padding:22px 14px;flex:1;flex-direction:column;gap:4px}.nav-label{margin:16px 11px 6px;color:#6f8aa0;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav-label:first-child{margin-top:0}.nav-item{display:flex;min-height:43px;align-items:center;gap:12px;border-radius:9px;padding:9px 12px;color:#b6c8d5;font-size:12px;font-weight:650}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(244,123,32,.25),rgba(244,123,32,.08));color:#fff;box-shadow:inset 3px 0 var(--orange)}.nav-item.disabled{cursor:default;opacity:.55}.nav-item small{margin-left:auto;border-radius:10px;padding:3px 6px;background:rgba(255,255,255,.08);font-size:8px}.nav-icon{display:grid;width:23px;height:23px;place-items:center;font-size:16px}.sidebar-company{display:flex;align-items:center;gap:10px;margin:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035)}.company-mark{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:9px;background:var(--orange);color:#fff;font-weight:800}.sidebar-company>span:last-child{display:grid;min-width:0}.sidebar-company small{color:#7893a7;font-size:8px;text-transform:uppercase}.sidebar-company strong{overflow:hidden;color:#e9f1f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.app-main{width:calc(100% - var(--sidebar));margin-left:var(--sidebar)}.topbar{position:sticky;z-index:20;top:0;display:flex;height:70px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 30px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px)}.topbar-start,.topbar-actions,.user-trigger{display:flex;align-items:center}.topbar-start{gap:14px}.menu-toggle{display:none}.context{display:grid}.context small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.08em}.context strong{font-size:12px}.topbar-actions{gap:10px}.theme-toggle{font-size:17px}.user-menu{position:relative}.user-trigger{gap:10px;border:0;background:transparent;color:var(--text);text-align:left}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--navy-2),#2c6388);color:#fff;font-size:13px;font-weight:800}.user-copy{display:grid;min-width:120px}.user-copy strong{font-size:11px}.user-copy small{color:var(--muted);font-size:9px}.chevron{color:var(--muted)}.user-dropdown{position:absolute;right:0;top:53px;display:none;width:230px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);padding:9px}.user-menu.open .user-dropdown{display:block}.user-dropdown>div{display:grid;gap:3px;padding:10px}.user-dropdown small{color:var(--muted);font-size:9px}.user-dropdown strong{font-size:11px}.dropdown-action{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-radius:8px;padding:10px;background:var(--surface-2);color:var(--text);font-size:11px;font-weight:700}.dropdown-action:hover{color:var(--orange)}.content{min-height:calc(100vh - 70px)}.content-inner{width:min(100%,1440px);margin:auto;padding:30px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-header h1{margin-bottom:6px;font-size:26px;letter-spacing:-.035em}.page-header p{margin:0;color:var(--muted);font-size:12px}.date-chip{border:1px solid var(--border);border-radius:9px;padding:9px 12px;background:var(--surface);color:var(--muted);font-size:11px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 3px 14px rgba(20,43,65,.025)}
/* Dashboard */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:var(--radius);padding:19px;background:var(--surface)}.metric-icon{display:grid;width:45px;height:45px;flex:none;place-items:center;border-radius:12px;font-size:21px}.metric-icon.blue{background:#eaf2ff;color:#2f6feb}.metric-icon.orange{background:#fff1e7;color:var(--orange)}.metric-icon.teal{background:#e6f7f5;color:var(--teal)}.metric-icon.gray{background:var(--surface-2);color:var(--muted)}.metric-card>div:last-child{display:grid}.metric-card span{color:var(--muted);font-size:10px;font-weight:650}.metric-card strong{font-size:25px;line-height:1.3}.metric-card small{color:var(--muted);font-size:8px}.muted-card{opacity:.72}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:19px 21px}.panel-heading h2{margin-bottom:4px;font-size:15px}.panel-heading p{margin:0;color:var(--muted);font-size:10px}.progress-line{height:3px;background:var(--surface-2)}.progress-line span{display:block;height:100%;background:var(--orange)}.setup-list{padding:7px 21px 16px}.setup-list>a,.setup-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:13px 2px}.setup-list>a:last-child,.setup-row:last-child{border:0}.setup-list>a:hover strong{color:var(--orange)}.setup-list>a>span:nth-child(2),.setup-row>span:nth-child(2){display:grid;flex:1}.setup-list strong{font-size:11px}.setup-list small{color:var(--muted);font-size:9px}.setup-check{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-size:10px;font-weight:800}.setup-check.done{border-color:#bde7cc;background:var(--success-bg);color:var(--success)}.quick-actions{display:grid;gap:9px;padding:16px}.quick-actions>button{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface);color:var(--text);text-align:left}.quick-actions>button:hover{border-color:var(--orange);transform:translateY(-1px)}.quick-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#fff1e7;color:var(--orange);font-size:18px}.quick-actions button>span:last-child{display:grid}.quick-actions strong{font-size:10px}.quick-actions small{color:var(--muted);font-size:8px}.quick-note{display:flex;gap:10px;margin-top:5px;border-radius:10px;padding:12px;background:var(--surface-2)}.quick-note>span{display:grid;width:23px;height:23px;flex:none;place-items:center;border-radius:50%;background:var(--navy-2);color:#fff;font-weight:800}.quick-note p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.quick-note strong{display:block;color:var(--text)}
/* Data */
.data-panel{overflow:hidden}.table-toolbar{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:12px 18px}.search-box{display:flex;width:min(390px,70%);align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;padding:0 12px;background:var(--surface-2);color:var(--muted)}.search-box input{width:100%;height:39px;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.result-count{color:var(--muted);font-size:10px}.result-count strong{color:var(--text)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{padding:12px 18px;background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase}.data-table td{border-top:1px solid var(--border);padding:14px 18px;font-size:11px}.data-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 58%,transparent)}.entity{display:flex;min-width:220px;align-items:center;gap:11px}.entity-avatar{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:10px;background:#eaf2ff;color:var(--blue);font-weight:800;text-transform:uppercase}.entity-avatar.orange{background:#fff1e7;color:var(--orange)}.entity-avatar.teal{background:#e6f7f5;color:var(--teal)}.entity>span:last-child{display:grid}.entity strong,.cell-main{font-size:11px}.entity small,.cell-sub{color:var(--muted);font-size:9px}.cell-sub{display:block;margin-top:3px}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:750}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.success{background:var(--success-bg);color:var(--success)}.status-badge.neutral{background:var(--surface-2);color:var(--muted)}.status-badge.info{background:var(--info-bg);color:var(--blue)}.actions-col{text-align:right!important}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-actions form{margin:0}.icon-action{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.icon-action:hover{border-color:var(--orange);color:var(--orange)}.empty-search{padding:50px;text-align:center}.empty-search span{font-size:32px}.empty-search strong{display:block;margin:7px}.empty-search p{color:var(--muted);font-size:11px}
/* Modal and feedback */
.modal{width:min(620px,calc(100% - 26px));max-height:calc(100vh - 32px);border:0;border-radius:16px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.25)}.modal::backdrop{background:rgba(5,18,29,.62);backdrop-filter:blur(3px)}.modal>form{display:flex;max-height:calc(100vh - 32px);flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:20px 22px}.modal-head h2{margin:0;font-size:19px}.modal-body{overflow:auto;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field.wide,.switch-field.wide{grid-column:1/-1}.switch-field{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.switch-field>span{display:grid}.switch-field strong{font-size:11px}.switch-field small{color:var(--muted);font-size:9px}.switch-field input{position:absolute;opacity:0}.switch-field i{position:relative;width:38px;height:22px;flex:none;border-radius:20px;background:#cbd5df}.switch-field i:after{position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;content:"";transition:.2s}.switch-field input:checked+i{background:var(--orange)}.switch-field input:checked+i:after{transform:translateX(16px)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--border);padding:15px 22px}.alert{display:flex;position:relative;align-items:flex-start;gap:11px;margin-bottom:18px;border:1px solid;border-radius:11px;padding:12px 42px 12px 13px;font-size:11px}.alert-success{border-color:#bde7cc;background:var(--success-bg);color:var(--success)}.alert-error{border-color:#f1c3c0;background:var(--danger-bg);color:var(--danger)}.alert-icon{display:grid;width:23px;height:23px;flex:none;place-items:center;border-radius:50%;background:currentColor;color:#fff;font-weight:800}.alert div{display:grid;gap:2px}.alert p{margin:0;color:var(--text);line-height:1.4}.alert button{position:absolute;right:9px;top:8px;border:0;background:transparent;color:currentColor;font-size:20px}.loading-screen{position:fixed;z-index:100;inset:0;display:none;place-items:center;background:rgba(10,25,38,.54);color:#fff;backdrop-filter:blur(2px)}.loading-screen.visible{display:grid;align-content:center;gap:12px}.spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.28);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}.loading-screen span{font-size:11px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-overlay{display:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:.9fr 1.1fr}.showcase-copy h2{font-size:42px}}
@media(max-width:760px){.auth-layout{display:block}.auth-showcase{display:none}.auth-panel{min-height:100vh;padding:32px 22px}.mobile-brand{display:block}.auth-theme{top:18px;right:18px}.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.sidebar.open~.sidebar-overlay{display:block;position:fixed;z-index:25;inset:0;background:rgba(4,16,25,.55)}.sidebar-close,.menu-toggle{display:grid}.app-main{width:100%;margin-left:0}.topbar{height:64px;padding:0 16px}.user-copy,.chevron{display:none}.content-inner{padding:21px 15px}.page-header{align-items:flex-start;flex-direction:column}.page-header .btn{width:100%}.metric-grid{grid-template-columns:1fr}.table-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.result-count{padding-left:2px}.form-grid{grid-template-columns:1fr}.field.wide,.switch-field.wide{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.date-chip{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
[data-theme=dark] .mobile-brand img{filter:brightness(0) invert(1)}

/* Sprint 1.2.2: legibilidad, identidad oficial e indicadores semánticos */
body{font-size:15px;line-height:1.5}
.eyebrow{font-size:12px}.nav-label{font-size:10px}.nav-item{font-size:14px}.nav-item small{font-size:10px}
.sidebar-brand{height:84px;padding:10px 18px}.sidebar-brand>a{display:flex;width:184px;height:56px;align-items:center;justify-content:center;border-radius:11px;padding:8px 10px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.16)}.sidebar-brand img{width:100%;max-height:42px;object-fit:contain;filter:none}
.sidebar-company small,.user-copy small,.user-dropdown small{font-size:10px}.sidebar-company strong,.user-copy strong,.user-dropdown strong{font-size:12px}.context small{font-size:10px}.context strong{font-size:13px}
.page-header h1{font-size:30px}.page-header p{font-size:14px}.date-chip{font-size:12px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:12px}
.field{font-size:13px}.field input,.field select{height:49px;font-size:14px}.form-meta a,.back-link{font-size:13px}.auth-heading p{font-size:15px}.auth-footer{font-size:11px}
.metric-card{position:relative;overflow:hidden;min-height:126px;border:0;padding:22px;color:#fff;box-shadow:0 10px 26px rgba(20,43,65,.13)}.metric-card:after{position:absolute;width:96px;height:96px;right:-28px;bottom:-42px;border:18px solid rgba(255,255,255,.09);border-radius:50%;content:""}.metric-card.metric-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.metric-card.metric-orange{background:linear-gradient(135deg,#e8660c,#f58a32)}.metric-card.metric-teal{background:linear-gradient(135deg,#078477,#12a594)}.metric-card.metric-slate{background:linear-gradient(135deg,#536474,#718394)}
.metric-icon{width:50px;height:50px;background:rgba(255,255,255,.17)!important;color:#fff!important;font-size:22px}.metric-card span,.metric-card small{color:rgba(255,255,255,.82)}.metric-card span{font-size:12px}.metric-card strong{font-size:30px}.metric-card small{font-size:10px}.muted-card{opacity:1}
.setup-list strong{font-size:13px}.setup-list small{font-size:11px}.quick-actions strong{font-size:12px}.quick-actions small,.quick-note p{font-size:10px}.quick-icon{font-size:17px}.result-count{font-size:12px}.search-box input{font-size:13px}.data-table th{font-size:10px}.data-table td{font-size:13px}.entity strong,.cell-main{font-size:13px}.entity small,.cell-sub{font-size:11px}.status-badge{font-size:11px}.switch-field strong{font-size:13px}.switch-field small{font-size:11px}.alert{font-size:13px}
.fa-fw{width:1.25em;text-align:center}.input-icon{font-size:14px}.icon-button,.icon-action{font-size:15px}.theme-toggle{font-size:16px}.sidebar-close{background:transparent}.auth-logo{display:flex;width:230px;height:76px;align-items:center;justify-content:center;border-radius:14px;padding:10px 14px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18)}.auth-logo img{width:100%;max-height:56px;object-fit:contain;filter:none}.mobile-brand img{width:210px;filter:none!important}.empty-search>i{font-size:30px;color:var(--muted)}
.alert-success .alert-icon{background:var(--success)}.alert-error .alert-icon{background:var(--danger)}
[data-theme=dark] .metric-card{box-shadow:0 12px 28px rgba(0,0,0,.22)}
@media(max-width:760px){.sidebar-brand>a{width:180px}.page-header h1{font-size:27px}.metric-card{min-height:112px}.auth-logo{width:210px}}