:root{--bg:#eef3fb;--bg-glow:#5c81b629;--paper:#fff;--paper-strong:#fff;--paper-muted:#f4f8fd;--ink:#10202f;--muted:#5f7185;--line:#d6dfeb;--line-strong:#c7d3e2;--primary:#12181f;--primary-ink:#fff;--accent:#0d63d8;--accent-soft:#0d63d81c;--danger:#cf2f2f;--danger-soft:#cf2f2f1f;--warn:#c96d10;--warn-soft:#c96d1024;--success:#16764d;--success-soft:#16764d1f;--shadow:0 20px 40px #10202f14;--shadow-soft:0 6px 20px #10202f0d;--radius-card:26px;--radius-panel:24px;--radius-input:16px;--radius-pill:999px;--page-gap:1rem;--page-margin:20px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, var(--bg-glow), transparent 28rem), linear-gradient(180deg, #f5f8fe 0%, var(--bg) 100%);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}body{padding-bottom:5.8rem}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border-radius:var(--radius-pill);background:var(--primary);min-height:44px;color:var(--primary-ink);cursor:pointer;letter-spacing:-.01em;box-shadow:var(--shadow-soft);border:0;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.1rem;font-size:.94rem;font-weight:760;transition:transform .14s,background .14s,color .14s,border-color .14s,box-shadow .14s;display:inline-flex}button:hover,.button:hover{transform:translateY(-1px)}button:active,.button:active{transform:scale(.985)}button.secondary,.button.secondary{background:var(--paper-muted);color:var(--ink);box-shadow:none}button.ghost,.button.ghost{color:var(--ink);box-shadow:none;background:0 0}button.danger,.button.danger{background:var(--danger)}button:disabled,.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none}.visually-hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page{place-items:center;min-height:100dvh;padding:1.2rem;display:grid}.login-card,.panel,.card{border-radius:var(--radius-panel);box-shadow:var(--shadow);background:#fffffff2;border:1px solid #d6dfebc7}.login-card{width:min(100%,420px);padding:1.45rem}.login-card .brand{text-align:center;justify-items:center;gap:.35rem}.app-shell{width:min(100%,1120px);min-height:100dvh;padding:0 var(--page-margin);margin:0 auto}.topbar{z-index:40;padding-top:.6rem;position:static}.topbar-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:.85rem;min-height:62px;padding:.4rem 0;display:flex}.brand{gap:.12rem;min-width:0;display:grid}.brand strong{letter-spacing:-.05em;font-size:clamp(1.75rem,7vw,2.2rem);line-height:1}.brand span,.muted{color:var(--muted)}.brand span{font-size:.82rem}.brand-icon{width:4rem;height:4rem;color:var(--accent)}.login-card>.brand,.login-card>.brand-icon{text-align:center;justify-self:center}.brand-icon.danger{color:var(--danger)}.topbar-actions{align-items:center;gap:.55rem;display:flex}.topbar-role{border-radius:var(--radius-pill);min-height:36px;color:var(--muted);white-space:nowrap;background:#ffffffe0;border:1px solid #d6dfebe6;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.topbar-icon-button,.topbar-menu-trigger{width:42px;min-width:42px;min-height:42px;color:var(--primary);box-shadow:var(--shadow-soft);background:#ffffffe6;border-radius:16px;flex:0 0 42px;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.topbar-icon{width:1.15rem;height:1.15rem}.shell-main{padding-bottom:1.1rem}.desktop-nav,.mobile-actions{display:none}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe6;border:1px solid #d6dfebe6;border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;padding:.42rem;display:grid;position:fixed;bottom:12px;left:14px;right:14px;box-shadow:0 14px 34px #10202f1f}.bottom-nav a{text-align:center;min-height:56px;color:var(--muted);letter-spacing:-.01em;border-radius:18px;place-items:center;gap:.14rem;padding:.32rem .08rem .42rem;font-size:.66rem;font-weight:690;display:grid;position:relative}.bottom-nav a span{white-space:nowrap;text-overflow:ellipsis;width:100%;line-height:1;display:block;overflow:hidden}.bottom-nav a.active{color:var(--accent);background:#0d63d817}.bottom-nav a.active:after{content:"";background:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;bottom:7px}.nav-icon{width:1.25rem;height:1.25rem}.page-head{gap:.45rem;margin:.4rem 0 .7rem;display:grid}.page-head.compact{margin-top:.15rem}.page-overline{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:760}.page-head h1{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,9vw,3rem);line-height:.94}.page-head p{margin:0}.page-head-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}@media (max-width:759px){.mobile-density-hidden{display:none}}.grid{grid-template-columns:1fr;gap:1rem;display:grid}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.panel,.card{padding:1rem}.panel{background:#ffffffe6}.card{background:#fffffff5;gap:.45rem;display:grid;position:relative}.card.priority{border-left:4px solid var(--accent);padding-left:calc(1rem - 4px)}.card.priority.danger{border-left-color:var(--danger)}.card.priority.warn{border-left-color:var(--warn)}.card.priority.info,.card.priority.primary{border-left-color:var(--accent)}.card.inactive{background:var(--paper-muted);border-color:var(--line)}.card.inactive strong{color:#5b6b7c}.card.metric{align-content:start;min-height:138px}.card.metric strong{letter-spacing:-.06em;font-size:clamp(2rem,8vw,2.4rem);line-height:1}.card.metric .muted:last-child{font-size:.86rem}.card-title{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.card-title>div{min-width:0}.user-row,.profile-card,.activity-event-row{align-items:flex-start;gap:.85rem;display:flex}.user-row>.stack,.profile-card>.stack,.activity-event-row>.stack{flex:1;min-width:0}.user-role-icon,.profile-role-icon,.activity-event-icon{border-radius:18px;flex:none;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.user-role-icon{width:2.875rem;height:2.875rem;color:var(--accent);background:#0d63d817;border:1px solid #0d63d81f}.user-role-icon.inactive{border-color:var(--line);background:var(--paper-muted);color:var(--muted)}.profile-role-icon{width:3.625rem;height:3.625rem;color:var(--success);letter-spacing:.05em;background:#16764d1a;border:1px solid #16764d1f;font-size:.7rem}.profile-role-icon.manager{color:var(--accent);background:#0d63d817;border-color:#0d63d81f}.activity-event-icon{width:2.75rem;height:2.75rem;color:var(--muted);background:#5f718514;border:1px solid #5f718529}.activity-event-icon.primary{color:var(--accent);background:#0d63d814;border-color:#0d63d829}.activity-event-icon.warn{color:var(--warn);background:#c96d1014;border-color:#c96d102e}.activity-event-icon.danger{color:var(--danger);background:#cf2f2f14;border-color:#cf2f2f2e}.activity-event-icon.success{color:var(--success);background:#16764d14;border-color:#16764d2e}.card.linkable{padding-right:2.9rem}.link-affordance{color:var(--muted);font-size:1.4rem;font-weight:900;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.card.accent{border-left:4px solid #0d63d873;padding-left:calc(1rem - 4px)}.card.accent.info{border-left-color:#0d63d873}.card.accent.warn{border-left-color:#c96d108c}.card.accent.danger{border-left-color:#cf2f2f99}.pill{border-radius:var(--radius-pill);background:var(--paper-muted);color:var(--ink);align-items:center;width:fit-content;padding:.34rem .7rem;font-size:.78rem;font-weight:760;line-height:1;display:inline-flex}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.primary,.pill.info{background:var(--accent-soft);color:var(--accent)}.pill.success{background:var(--success-soft);color:var(--success)}.stack{gap:.9rem;display:grid}.compact-stack{gap:.68rem}.compact-panel{padding:.92rem}.compact-card{gap:.42rem;padding:.84rem}.compact-empty-box{border-radius:18px;padding:.84rem}.row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.compact-row{gap:.5rem}.compact-grid{gap:.68rem}.dialog-backdrop{z-index:40;background:#10202f61;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--line);background:var(--paper);border-radius:24px;width:min(100%,430px);padding:1.15rem;box-shadow:0 24px 48px #10202f29}.dialog-card h2{margin:0}.field{gap:.35rem;display:grid}.field label{color:var(--muted);font-size:.82rem;font-weight:750}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-input);background:var(--paper-strong);width:100%;min-height:46px;color:var(--ink);padding:.8rem .92rem;box-shadow:inset 0 1px #fff9}.field input:focus,.field select:focus,.field textarea:focus{outline-offset:0;border-color:#0d63d86b;outline:2px solid #0d63d82e}.field textarea{resize:vertical;min-height:110px}.field textarea.compact-textarea{min-height:88px}.form-grid{grid-template-columns:1fr;gap:.78rem;display:grid}.table-list{gap:.75rem;display:grid}.compact-list{gap:.55rem}.provider-combobox{position:relative}.provider-combobox-menu{z-index:20;border:1px solid var(--line);max-height:220px;box-shadow:var(--shadow);background:#fffffffa;border-radius:18px;gap:.35rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.provider-combobox-option{text-align:left;justify-content:space-between;width:100%}.compact-ocr-box .card-title,.compact-attachments-panel .card-title{margin-bottom:0}.compact-ocr-box>.muted{margin-top:0}.compact-ocr-box{gap:1.24rem;padding-block:1.84rem}.compact-ocr-box h2,.compact-pedido-provider-panel h2,.compact-attachments-panel h2,.compact-drafts-panel h2,.compact-invite-panel h2,.compact-activity-filters-panel h2,.compact-queue-panel h2,.compact-pedido-lines-panel h2,.compact-pedido-recepciones-panel h2,.compact-pedido-incidencias-panel h2,.compact-recepcion-form h2,.compact-recepcion-incidencias-panel h2,.compact-incidencia-create-panel h2,.compact-description-panel h2,.compact-resolve-panel h2,.compact-followup-panel h2,.compact-close-panel h2,.compact-profile-form h2,.compact-security-form h2,.compact-proveedor-data-panel h2,.compact-proveedor-history-panel h2,.compact-proveedor-edit-panel h2,.compact-security-form h3{margin:0;line-height:1.12}.compact-drafts-panel>.muted{margin-top:0}.compact-pedido-provider-panel,.compact-drafts-panel,.compact-invite-panel,.compact-activity-filters-panel,.compact-queue-panel,.compact-pedido-lines-panel,.compact-pedido-recepciones-panel,.compact-pedido-incidencias-panel,.compact-recepcion-form,.compact-recepcion-incidencias-panel,.compact-incidencia-create-panel,.compact-description-panel,.compact-resolve-panel,.compact-followup-panel,.compact-close-panel,.compact-profile-form,.compact-security-form,.compact-proveedor-data-panel,.compact-proveedor-history-panel,.compact-proveedor-edit-panel{gap:1.24rem;padding-block:1.84rem}.compact-attachments-panel{row-gap:1.24rem;padding-block:1.84rem}.compact-pedido-provider-panel>.muted,.compact-attachments-panel>.muted,.compact-attachments-panel>p.muted,.compact-drafts-panel>.muted,.compact-invite-panel>.muted,.compact-activity-filters-panel>.muted,.compact-queue-panel>.muted,.compact-recepcion-form>.muted,.compact-incidencia-create-panel>.muted,.compact-description-panel>.muted,.compact-close-panel>.muted,.compact-profile-form>.muted,.compact-security-form>.muted,.compact-proveedor-edit-panel>.muted{margin:0}.compact-queue-panel .table-list,.compact-pedido-recepciones-panel .table-list,.compact-pedido-incidencias-panel .table-list,.compact-drafts-panel .table-list,.compact-followup-panel .table-list,.compact-proveedor-history-panel .table-list,.compact-attachments-panel .table-list{gap:1.12rem}.compact-queue-panel .card,.compact-pedido-lines-panel .card,.compact-pedido-recepciones-panel .card,.compact-pedido-incidencias-panel .card,.compact-recepcion-form .card,.compact-recepcion-incidencias-panel .card,.compact-drafts-panel .card,.compact-attachments-panel .card,.compact-proveedor-history-panel .card,.compact-followup-panel .card{gap:.84rem;padding-block:1.6rem;padding-inline:.8rem}.compact-activity-filters-panel .row,.compact-queue-panel .row,.compact-pedido-provider-panel .row,.compact-recepcion-form .row,.compact-recepcion-incidencias-panel .row,.compact-attachments-panel .row,.compact-drafts-panel .row,.compact-close-panel .row{gap:.96rem .48rem}.compact-pedido-lines-panel p,.compact-recepcion-form p,.compact-recepcion-incidencias-panel p,.compact-description-panel p,.compact-close-panel p,.compact-followup-panel p,.compact-proveedor-history-panel p{margin:0}.compact-queue-panel .empty-box,.compact-pedido-recepciones-panel .empty-box,.compact-pedido-incidencias-panel .empty-box,.compact-recepcion-incidencias-panel .empty-box,.compact-attachments-panel .empty-box,.compact-followup-panel .empty-box,.compact-drafts-panel .empty-box,.compact-close-panel .empty-box,.compact-proveedor-history-panel .empty-box{min-height:0;padding-block:1.64rem;padding-inline:.82rem}.compact-pedido-provider-panel .field,.compact-invite-panel .field,.compact-activity-filters-panel .field,.compact-recepcion-form .field,.compact-incidencia-create-panel .field,.compact-resolve-panel .field{gap:.68rem}.compact-resolve-panel textarea.compact-textarea{min-height:80px}.compact-profile-form .field,.compact-security-form .field,.compact-proveedor-edit-panel .field,.compact-proveedor-data-panel .field{gap:.72rem}.compact-profile-form button,.compact-security-form button,.compact-proveedor-edit-panel button{margin-top:.4rem}.compact-profile-form .error-box,.compact-profile-form .muted:last-child,.compact-security-form .error-box,.compact-security-form .muted:last-child{margin-top:0}.split{grid-template-columns:1fr;gap:.9rem;display:grid}.error-box,.empty-box,.loading-box{background:#ffffffe0;border:1px solid #d6dfebe0;border-radius:22px;padding:1rem}.error-box{color:var(--danger);background:#fff5f5e6;border-color:#cf2f2f38}.empty-box.success{background:#f5fdf8eb;border-color:#16764d38}.loading-box{color:var(--muted)}.error-text{color:var(--danger);font-size:.85rem}.password-toggle{justify-self:start}.directory-avatar{width:3rem;height:3rem;color:var(--accent);letter-spacing:.04em;background:#0d63d81f;border-radius:16px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.directory-row{align-items:center;gap:.85rem;display:flex}.directory-row>.stack{flex:1;min-width:0}.meta-list{flex-wrap:wrap;gap:.45rem;display:flex}.meta-chip{border-radius:var(--radius-pill);background:var(--paper-muted);min-height:30px;color:var(--muted);align-items:center;padding:.32rem .68rem;font-size:.77rem;font-weight:680;display:inline-flex}.ops-row{gap:.4rem;display:grid}.ops-title{letter-spacing:-.04em;margin:0;font-size:1.5rem;line-height:1.02}.ops-subtitle{color:var(--muted);margin:0}.filter-row{scrollbar-width:none;gap:.55rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.menu-page{padding-bottom:.6rem}.menu-summary{padding:1.15rem}.menu-summary-copy{margin:.25rem 0 0}.menu-back-link{width:100%}.menu-actions{gap:.85rem;display:grid}.menu-action-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;min-height:92px;padding:1.15rem}.menu-action-copy{font-size:.9rem}.menu-action-arrow{color:var(--muted);font-size:1.45rem;font-weight:800}.menu-signout-card{align-items:stretch}.menu-signout-button{align-self:center;width:100%}@media (min-width:760px){body{padding-bottom:0}.app-shell{padding-bottom:1.4rem}.bottom-nav{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1.25fr .75fr}.form-grid,.menu-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}