@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root{--ink:#e9ebef;--muted:#858995;--faint:#5a5e68;--canvas:#0a0b0f;--panel:#111217;--panel-2:#161820;--line:rgba(255,255,255,.09);--line-bright:rgba(255,255,255,.16);--lime:#d8ff63;--lime-deep:#b7dc45;--rose:#ff736a;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:15px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.hidden{display:none!important}.eyebrow{margin:0 0 9px;color:var(--lime);font:500 10px/1 var(--mono);letter-spacing:.13em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:12px 16px;font-weight:600;letter-spacing:-.01em;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--lime);color:#101208}.btn-primary:hover{background:#e2ff8d;box-shadow:0 9px 28px rgba(216,255,99,.16)}.btn-secondary{background:transparent;border-color:var(--line-bright);color:var(--ink)}.btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.34)}.btn-wide{width:100%}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink)}
/* Login */.login-screen{position:relative;display:grid;place-items:center;min-height:100vh;padding:26px;overflow:hidden;background:radial-gradient(ellipse at 15% 20%,#24291a 0%,transparent 35%),radial-gradient(ellipse at 85% 90%,#172325 0%,transparent 37%),var(--canvas)}.login-ambient{position:absolute;width:42vw;aspect-ratio:1;border:1px solid rgba(216,255,99,.1);border-radius:50%;pointer-events:none}.ambient-a{top:-28vw;left:-15vw}.ambient-b{bottom:-31vw;right:-17vw}.login-card{position:relative;width:min(100%,440px);padding:38px;background:rgba(17,18,23,.86);border:1px solid var(--line-bright);border-radius:16px;box-shadow:0 35px 100px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup img{width:130px;filter:grayscale(1) contrast(1.5) invert(1)}.brand-lockup span,.app-brand span{color:var(--lime);font:500 9px/1 var(--mono);letter-spacing:.16em}.login-copy{margin:54px 0 31px}.login-copy h1,.page-heading h1{margin:0;letter-spacing:-.055em;font-size:42px;line-height:1.03}.login-copy h1 em,.page-heading h1 em{color:var(--lime);font-family:var(--serif);font-weight:600}.login-copy>p:last-child,.page-heading>div>p:last-child{margin:15px 0 0;color:var(--muted);line-height:1.6}.form-stack{display:grid;gap:17px}.form-stack label,.three-fields label,.password-form label,.document-fields label{display:grid;gap:8px;color:#c9cbd2;font-size:12px;font-weight:600}.form-stack input,.three-fields input,.password-form input,.document-fields input,.document-fields select{width:100%;padding:13px 14px;border:1px solid var(--line-bright);border-radius:8px;background:#0d0e13;color:var(--ink);transition:border .2s,box-shadow .2s}.form-stack input:focus,.three-fields input:focus,.password-form input:focus,.document-fields input:focus,.document-fields select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(216,255,99,.09);outline:0}.form-error{min-height:20px;margin:15px 0;color:var(--rose);font-size:13px}.login-footnote{margin:23px 0 0;color:var(--faint);font-size:11px;text-align:center}
/* Shell */.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:5;display:flex;flex-direction:column;width:252px;height:100vh;padding:23px 14px;background:#0d0e13;border-right:1px solid var(--line)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.app-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.app-brand img{width:112px;filter:grayscale(1) contrast(1.45) invert(1)}.sidebar-close{display:none}.nav-links{display:flex;flex:1;flex-direction:column;gap:3px;margin-top:44px}.nav-label{margin:0 9px 9px;color:var(--faint);font:500 9px/1 var(--mono);letter-spacing:.14em}.nav-label-second{margin-top:24px}.nav-links a{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 10px;border:1px solid transparent;border-radius:7px;color:#a5a8b1;text-decoration:none;font-size:13px;font-weight:600;transition:.18s}.nav-links a:hover{color:var(--ink);background:rgba(255,255,255,.04)}.nav-links a.active{color:#101208;background:var(--lime)}.nav-icon{display:grid;place-items:center;width:18px;color:inherit;font-size:18px;font-weight:400}.nav-count{margin-left:auto;padding:3px 5px;border-radius:4px;background:rgba(0,0,0,.15);font:500 8px/1 var(--mono);letter-spacing:.08em}.sidebar-bottom{padding:13px 8px 4px;border-top:1px solid var(--line)}.sync-status{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--muted);font-size:11px}.sync-status i,.heading-status span,.badge-live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(216,255,99,.09)}.logout-button{padding:0;border:0;background:none;color:var(--muted);font-size:12px}.logout-button:hover{color:var(--ink)}.sidebar-backdrop{display:none}.main-content{width:calc(100% - 252px);margin-left:252px;padding:0 42px 54px}.topbar{display:flex;align-items:center;justify-content:space-between;height:84px;border-bottom:1px solid var(--line)}.menu-toggle{display:none}.topbar-context p{margin:0;color:var(--muted);font:500 9px/1 var(--mono);letter-spacing:.13em}.topbar-context span{display:block;margin-top:6px;color:#c2c5cc;font-size:12px}.topbar-actions,.account-chip{display:flex;align-items:center}.topbar-actions{gap:25px}.topbar-new{padding:9px 13px;font-size:12px}.account-chip{gap:9px}.account-avatar{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(216,255,99,.5);border-radius:50%;background:#272b1b;color:var(--lime);font:500 12px var(--mono)}.account-chip strong,.account-chip span{display:block;font-size:11px}.account-chip span{margin-top:2px;color:var(--muted);font-size:10px}.app-error{min-height:0;margin:0;color:var(--rose);font-size:13px}.app-error:not(:empty){margin-top:20px;padding:11px 13px;border:1px solid rgba(255,115,106,.32);border-radius:7px;background:rgba(255,115,106,.08)}
/* Pages */.view{display:none;animation:up .35s ease}.view.active{display:block}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:52px 0 31px}.page-heading h1{font-size:38px}.page-heading>div>p:last-child{font-size:14px}.heading-status,.page-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font:500 10px var(--mono);letter-spacing:.02em}.page-badge{color:#b9bcbe}.badge-live i{width:6px;height:6px}.surface{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:12px}.metric-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px}.metric-card{min-height:176px;padding:21px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:.2s}.metric-card:hover{border-color:var(--line-bright);transform:translateY(-2px)}.metric-card-featured{background:linear-gradient(145deg,#222a14,#161b0e)}.metric-card-muted{background:#101116}.metric-meta{display:flex;align-items:center;justify-content:space-between;color:#b7bac2;font-size:12px}.metric-meta i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(216,255,99,.12);color:var(--lime);font-style:normal}.metric-card>strong{display:block;margin-top:28px;font-size:30px;letter-spacing:-.055em}.metric-card p{margin:8px 0;color:var(--muted);font-size:12px}.metric-line{height:2px;margin-top:25px;background:linear-gradient(90deg,var(--lime) 40%,rgba(216,255,99,.13) 40%);border-radius:2px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:13px;margin-top:13px}.activity-panel,.action-panel{padding:25px}.surface-heading,.surface-toolbar{display:flex;align-items:center;justify-content:space-between}.surface-heading h2,.action-panel h2,.totals-card h2,.form-heading h2,.password-form h2,.security-note h2{margin:0;letter-spacing:-.04em;font-size:21px}.text-link{color:var(--lime);font-size:12px;text-decoration:none}.activity-list{display:grid;margin-top:15px}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.activity-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:7px;background:rgba(216,255,99,.1);color:var(--lime);font-size:11px}.activity-row>div{min-width:0;flex:1}.activity-row strong,.activity-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row strong{font-size:12px}.activity-row span{margin-top:3px;color:var(--muted);font-size:11px}.activity-row>em{color:var(--ink);font-size:12px;font-style:normal}.empty-state{margin:35px 0;color:var(--muted);font-size:13px}.action-panel{background:linear-gradient(145deg,#151820,#111217)}.action-panel>p:not(.eyebrow){margin:12px 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.quick-actions{display:grid;gap:6px}.quick-action{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);text-align:left}.quick-action:hover{border-color:var(--line);background:rgba(255,255,255,.035)}.quick-action>span{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:rgba(216,255,99,.1);color:var(--lime)}.quick-action div{flex:1}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:12px}.quick-action small{margin-top:2px;color:var(--muted);font-size:10px}.quick-action b{color:var(--muted)}
/* Documents, tables, forms */.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.document-main{padding:24px}.document-fields,.three-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.line-items-head{display:flex;align-items:end;justify-content:space-between;margin:34px 0 15px}.line-items-head h2{margin:0;font-size:18px;letter-spacing:-.03em}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 13px;border-bottom:1px solid var(--line);color:var(--faint);font:500 9px var(--mono);letter-spacing:.08em;text-align:left;text-transform:uppercase}.data-table td{padding:14px 13px;border-bottom:1px solid var(--line);color:#d7d9df;font-size:12px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:rgba(255,255,255,.025)}.document-table input{width:100%;min-width:70px;padding:7px;border:1px solid transparent;border-radius:5px;background:#0c0d12;color:var(--ink)}.document-table input:focus{border-color:var(--line-bright);outline:0}.document-table .btn-secondary{padding:6px 8px;font-size:10px}.totals-card{align-self:start;padding:23px}.totals-card h2{margin-bottom:25px}.discount-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.discount-field{display:flex;align-items:center;width:91px;padding-right:9px;border:1px solid var(--line-bright);border-radius:6px;background:#0c0d12}.discount-field input{width:100%;padding:9px;border:0;background:transparent;color:var(--ink);outline:0}.discount-field span{color:var(--muted);font-size:11px}.total-breakdown{display:grid;gap:12px;margin:26px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.total-breakdown div,.grand-total{display:flex;align-items:center;justify-content:space-between}.total-breakdown span{color:var(--muted);font-size:12px}.total-breakdown strong{font-size:12px}.grand-total{margin-bottom:20px}.grand-total span{font-weight:600}.grand-total strong{color:var(--lime);font-size:24px;letter-spacing:-.05em}.totals-note{margin:13px 0 0;color:var(--faint);font-size:10px;line-height:1.4}.table-surface{overflow:hidden}.surface-toolbar{padding:20px 23px;border-bottom:1px solid var(--line)}.surface-toolbar h2{margin:0;font-size:16px;letter-spacing:-.02em}.surface-toolbar span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.client-form{display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:14px;padding:22px}.client-form .three-fields{grid-column:1/-1}.client-form .btn{justify-self:end}.three-fields input{margin-top:2px}.form-heading h2{font-size:18px}
/* Inventory */.inventory-surface{overflow:hidden}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:9px;flex:1;max-width:590px;padding:0 11px;border:1px solid var(--line-bright);border-radius:7px;background:#0c0d12;color:var(--muted)}.search-field input{min-width:0;flex:1;padding:11px 0;border:0;background:transparent;color:var(--ink);outline:0}.search-field kbd{padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:var(--faint);font:10px var(--mono)}.page-size{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.page-size select{padding:6px 25px 6px 8px;border:1px solid var(--line-bright);border-radius:5px;background:#0c0d12;color:var(--ink)}.inventory-scroll{max-height:min(57vh,660px);overflow:auto}.inventory-table{margin:0}.inventory-table thead th{position:sticky;top:0;z-index:1;background:#171920}.sort-header{padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.sort-header:hover{color:var(--lime)}.inventory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-top:1px solid var(--line)}.inventory-pagination p{margin:0;color:var(--muted);font-size:11px}.pagination-controls{display:flex;gap:5px}.pagination-button{min-width:30px;padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:11px}.pagination-button:hover:not(:disabled){color:var(--ink);border-color:var(--line-bright)}.pagination-button[aria-current="page"]{border-color:var(--lime);background:var(--lime);color:#111307}.pagination-button:disabled{opacity:.35;cursor:not-allowed}
/* Security */.settings-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;max-width:900px}.security-note{padding:27px;background:linear-gradient(150deg,#252d15,#171b11)}.note-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:31px;border-radius:9px;background:var(--lime);color:#15170d}.security-note h2{font-size:26px}.security-note>p:not(.eyebrow){margin:14px 0 24px;color:#b7bca5;font-size:13px;line-height:1.6}.security-list{display:grid;gap:9px;color:#d7dcc7;font-size:11px}.password-form{padding:27px}.password-form h2{margin-top:7px}.form-subtitle{margin:10px 0 25px;color:var(--muted);font-size:12px;line-height:1.5}.password-form label{margin:15px 0}.toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:330px;padding:13px 16px;border:1px solid rgba(216,255,99,.45);border-radius:8px;background:#1c2212;color:#eff8cc;box-shadow:0 15px 40px rgba(0,0,0,.35);font-size:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.document-layout{grid-template-columns:1fr}.totals-card{display:grid;grid-template-columns:1fr 1fr;gap:15px}.totals-card>p,.totals-card h2,.totals-card .discount-label,.totals-card .total-breakdown,.totals-card .grand-total,.totals-card .totals-note{margin:0}.totals-card .btn{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:none}.sidebar-close,.menu-toggle{display:grid}.sidebar-backdrop.open{position:fixed;z-index:4;inset:0;display:block;background:rgba(0,0,0,.55)}.main-content{width:100%;margin:0;padding:0 18px 35px}.topbar{height:67px}.topbar-actions{gap:10px}.topbar-new{display:none}.account-chip>div:last-child{display:none}.page-heading{align-items:flex-start;padding:36px 0 25px}.page-heading h1,.login-copy h1{font-size:33px}.page-badge,.heading-status{font-size:8px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:135px}.dashboard-grid{margin-top:12px}.document-fields,.three-fields{grid-template-columns:1fr}.document-main{padding:17px}.line-items-head{align-items:flex-start;gap:13px;flex-direction:column}.totals-card{display:block}.totals-card>*{margin-bottom:18px!important}.client-form{grid-template-columns:1fr}.client-form .btn{justify-self:start}.inventory-toolbar,.inventory-pagination{align-items:stretch;flex-direction:column}.search-field{max-width:none}.pagination-controls{flex-wrap:wrap}.data-table{min-width:620px}.inventory-table{min-width:0}.inventory-table th,.inventory-table td{white-space:normal}.surface-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.login-card{padding:27px}.login-copy{margin:39px 0 26px}}

/* --- LIGHT ATELIER: una superficie clara con contrastes de tinta y acentos vivos --- */
:root{--ink:#171b27;--muted:#697080;--faint:#98a0ae;--canvas:#f6f7f4;--panel:#fff;--panel-2:#eff2ef;--line:#dce1e6;--line-bright:#cbd2d8;--lime:#d9fb60;--lime-deep:#708525;--rose:#cb4d52}.login-screen{background:radial-gradient(ellipse at 8% 14%,#e6f6ca 0%,transparent 30%),radial-gradient(ellipse at 90% 85%,#dbe9ff 0%,transparent 32%),#f7f8f5}.login-ambient{border-color:rgba(23,27,39,.11)}.login-card{background:rgba(255,255,255,.86);border-color:rgba(23,27,39,.12);box-shadow:0 32px 90px rgba(38,49,58,.14)}.brand-lockup img,.app-brand img{filter:none}.brand-lockup span,.app-brand span,.eyebrow{color:#778c26}.login-copy h1 em,.page-heading h1 em{color:#69811c}.login-copy>p:last-child,.page-heading>div>p:last-child{color:var(--muted)}.form-stack label,.three-fields label,.password-form label,.document-fields label{color:#313848}.form-stack input,.three-fields input,.password-form input,.document-fields input,.document-fields select{background:#fbfcfa;border-color:#d2d9dd;color:var(--ink)}.form-stack input:focus,.three-fields input:focus,.password-form input:focus,.document-fields input:focus,.document-fields select:focus{border-color:#94ad2f;box-shadow:0 0 0 3px rgba(173,209,67,.17)}.login-footnote{color:#8b94a0}.btn-primary{background:#1d2330;color:#fff}.btn-primary:hover{background:#313b4d;box-shadow:0 9px 26px rgba(29,35,48,.17)}.btn-secondary{border-color:#d0d6dd;color:#2b3340;background:#fff}.btn-secondary:hover{background:#f3f5f3;border-color:#aab3bc}.sidebar{background:rgba(255,255,255,.86);border-color:#e1e5e7;box-shadow:8px 0 28px rgba(27,36,40,.025)}.nav-label{color:#9aa1ac}.nav-links a{color:#6c7481}.nav-links a:hover{color:#171b27;background:#f0f3ef}.nav-links a.active{background:#1d2330;color:#fff}.nav-count{background:rgba(217,251,96,.85);color:#1d2330}.sidebar-bottom{border-color:#e1e5e7}.sync-status{color:#697080}.sync-status i,.heading-status span,.badge-live i{background:#8bb314;box-shadow:0 0 0 4px rgba(139,179,20,.11)}.logout-button{color:#697080}.logout-button:hover{color:#171b27}.topbar{border-color:#e1e5e7}.topbar-context p{color:#7d8592}.topbar-context span{color:#4c5565}.account-avatar{background:#ecf5cc;border-color:#b8d65e;color:#52691a}.account-chip span{color:#7d8592}.app-error:not(:empty){background:#fff4f3;border-color:#edbfbe}.heading-status,.page-badge{background:#fff;border-color:#d8dee1;color:#667080}.metric-card{background:#fff;border-color:#e0e4e7;box-shadow:0 8px 22px rgba(43,54,63,.035)}.metric-card:hover{border-color:#c0c9d0;box-shadow:0 13px 28px rgba(43,54,63,.08)}.metric-card-featured{background:linear-gradient(145deg,#f1f9dc,#e4f2bb)}.metric-card-balance{background:linear-gradient(145deg,#ebf3ff,#e2ecfb)}.metric-card-muted{background:#f3f5f3}.metric-meta{color:#626b7a}.metric-meta i{background:#eaf4cb;color:#60751d}.metric-card-balance .metric-meta i{background:#d5e6ff;color:#37639b}.metric-card>strong{color:#171b27}.metric-card p{color:#717988}.metric-line{background:linear-gradient(90deg,#789822 40%,rgba(120,152,34,.12) 40%)}.surface{background:rgba(255,255,255,.88);border-color:#e0e4e7;box-shadow:0 9px 24px rgba(40,52,56,.025)}.activity-row{border-color:#e6e9eb}.activity-icon{background:#edf5d7;color:#66801b}.activity-row strong{color:#1d2330}.activity-row span,.empty-state{color:#7b8491}.activity-row>em{color:#1d2330}.action-panel{background:linear-gradient(145deg,#1f2633,#303a4c);border-color:#1f2633}.action-panel h2,.action-panel>p:not(.eyebrow),.quick-action{color:#fff}.action-panel>p:not(.eyebrow){color:#c3cbd5}.action-panel .eyebrow{color:#d9fb60}.quick-action:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14)}.quick-action>span{background:rgba(217,251,96,.16);color:#d9fb60}.quick-action small,.quick-action b{color:#bdc5d1}.text-link{color:#607b1e}.document-table input,.discount-field,.search-field,.page-size select{background:#fafcfa;border-color:#d8dee1;color:#1d2330}.document-table input:focus{border-color:#9eae5e}.data-table th{background:#fafbfa;color:#7d8591;border-color:#e2e6e8}.data-table td{border-color:#e5e9eb;color:#303745}.data-table tbody tr:hover{background:#f6f8f5}.totals-note{color:#838c99}.total-breakdown span{color:#737c89}.grand-total strong{color:#536b16}.table-surface,.inventory-surface{background:#fff}.inventory-toolbar,.inventory-pagination,.surface-toolbar{border-color:#e1e6e8}.search-field kbd{border-color:#d7dde0;color:#8b939f}.inventory-table thead th{background:#f7f8f6}.sort-header:hover{color:#64801d}.pagination-button{background:#fff;border-color:#d6dde0;color:#677180}.pagination-button:hover:not(:disabled){color:#1d2330;border-color:#abb7be}.pagination-button[aria-current="page"]{background:#1d2330;border-color:#1d2330;color:#fff}.security-note{background:linear-gradient(145deg,#eef7d8,#dfeec1);border-color:#d4e4ad}.security-note h2{color:#253015}.security-note>p:not(.eyebrow){color:#60704a}.security-note .eyebrow{color:#687e21}.note-icon{background:#1d2330;color:#d9fb60}.security-list{color:#53613d}.toast{background:#eff8d5;border-color:#bad873;color:#394d12;box-shadow:0 15px 40px rgba(26,37,33,.18)}
/* Four financial signals remain legible on large screens. */
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.metric-grid{grid-template-columns:1fr}}

.document-table select{width:100%;min-width:220px;padding:7px;border:1px solid #d8dee1;border-radius:5px;background:#fafcfa;color:#1d2330;outline:0}.document-table select:focus{border-color:#9eae5e;box-shadow:0 0 0 3px rgba(173,209,67,.14)}

/* --- PALETA CORPORATIVA DIROCK · RGB(56, 156, 146) --- */
:root{--brand:#389c92;--brand-dark:#1d5e58;--brand-deep:#123d39;--brand-soft:#d9f0ed;--brand-pale:#eef8f7;--brand-line:#b9ded9;--brand-ink:#173f3c;--brand-shadow:rgba(56,156,146,.16);--lime:var(--brand);--lime-deep:var(--brand-dark)}
.eyebrow,.brand-lockup span,.app-brand span{color:var(--brand-dark)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--brand)}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);box-shadow:0 9px 26px var(--brand-shadow)}
.brand-lockup img,.app-brand img{filter:none}.nav-links a.active{background:var(--brand);color:#fff}.nav-count{background:var(--brand-soft);color:var(--brand-deep)}
.sync-status i,.heading-status span,.badge-live i{background:var(--brand);box-shadow:0 0 0 4px var(--brand-shadow)}
.account-avatar{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-dark)}
.login-screen{background:radial-gradient(ellipse at 8% 14%,#d8efec 0%,transparent 30%),radial-gradient(ellipse at 90% 85%,#d9eeeb 0%,transparent 32%),#f7f9f8}.login-copy h1 em,.page-heading h1 em{color:var(--brand-dark)}.form-stack input:focus,.three-fields input:focus,.password-form input:focus,.document-fields input:focus,.document-fields select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-shadow)}
.metric-card-featured{background:linear-gradient(145deg,#dff2f0,#c9e8e4)}.metric-card-balance{background:linear-gradient(145deg,#e8f5f3,#d7eeeb)}.metric-meta i{background:var(--brand-soft);color:var(--brand-dark)}.metric-card-balance .metric-meta i{background:#d2ebe7;color:var(--brand-dark)}.metric-line{background:linear-gradient(90deg,var(--brand) 40%,rgba(56,156,146,.13) 40%)}
.activity-icon{background:var(--brand-soft);color:var(--brand-dark)}.text-link{color:var(--brand-dark)}.action-panel{background:linear-gradient(145deg,var(--brand-deep),var(--brand-dark));border-color:var(--brand-deep)}.action-panel .eyebrow{color:#9ce0d9}.quick-action>span{background:rgba(126,213,204,.16);color:#9ce0d9}.quick-action:hover{border-color:rgba(166,231,225,.22)}
.document-table input:focus,.document-table select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-shadow)!important}.grand-total strong{color:var(--brand-dark)}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-shadow)}.sort-header:hover{color:var(--brand-dark)}.pagination-button[aria-current="page"]{background:var(--brand);border-color:var(--brand);color:#fff}
.security-note{background:linear-gradient(145deg,#e7f5f3,#cdeae6);border-color:var(--brand-line)}.security-note h2{color:var(--brand-ink)}.security-note>p:not(.eyebrow){color:#3e6f6a}.security-note .eyebrow{color:var(--brand-dark)}.note-icon{background:var(--brand);color:#fff}.security-list{color:#35645f}.toast{background:var(--brand-pale);border-color:var(--brand-line);color:var(--brand-deep)}

/* La lectura financiera empieza por el resultado y después desglosa sus movimientos. */
.balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px}.balance-grid .metric-card{min-height:142px}.balance-grid .metric-card>strong{margin-top:19px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.metric-card-expense{background:linear-gradient(145deg,#f8f4f3,#f1e9e7)}.metric-card-expense .metric-meta i{background:#f1dfda;color:#8e4b43}.metric-card-expense .metric-line{background:linear-gradient(90deg,#bd766b 40%,rgba(189,118,107,.13) 40%)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.balance-grid,.metric-grid{grid-template-columns:1fr}}

.storefront-link{display:block;margin:14px 0 8px;color:var(--brand-dark);font-size:12px;text-decoration:none}.storefront-link span{font-size:15px}.storefront-link:hover{color:var(--brand-deep);text-decoration:underline}

.tracking-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tracking-kpis .metric-card{min-height:144px}.tracking-kpis .metric-card>strong{margin-top:20px}.tracking-charts{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.tracking-chart-card{min-width:0;padding:24px}.tracking-chart-card .surface-heading{align-items:flex-start}.tracking-chart-card .surface-heading h2{font-size:18px}.chart-tag{padding:6px 8px;border-radius:5px;background:var(--brand-soft);color:var(--brand-dark);font:600 9px var(--mono);letter-spacing:.08em}.expense-tag{background:#f1dfda;color:#8e4b43}.tracking-chart-svg{display:block;width:100%;height:auto;margin-top:24px;overflow:visible}.tracking-grid-line{stroke:#dceae8;stroke-width:1}.tracking-axis-label{fill:#778984;font:10px var(--mono)}.chart-note{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:#60736f;font-size:11px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.income-dot{background:var(--brand)}.expense-dot{background:#bd766b}@media(max-width:1050px){.tracking-charts{grid-template-columns:1fr}}@media(max-width:760px){.tracking-kpis{grid-template-columns:1fr}.tracking-chart-card{padding:18px}.tracking-chart-card .surface-heading{gap:10px;flex-direction:column}}

.tracking-period-control{display:grid;gap:7px;min-width:170px;color:var(--muted);font-size:11px;font-weight:700}.tracking-period-control select{padding:10px 12px;border:1px solid var(--brand-line);border-radius:7px;background:#fff;color:var(--brand-deep);font:600 12px var(--sans)}.tracking-period-control select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-shadow);outline:0}.tracking-empty{display:grid;place-items:center;min-height:238px;margin:24px 0 0;border:1px dashed var(--brand-line);border-radius:8px;color:var(--muted);font-size:13px;text-align:center}@media(max-width:760px){.tracking-period-control{width:100%;margin-top:18px}}

.three-fields select{width:100%;padding:13px 14px;border:1px solid #d2d9dd;border-radius:8px;background:#fbfcfa;color:var(--ink);font:inherit}.company-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.company-fields label{display:grid;gap:8px;color:#313848;font-size:12px;font-weight:600}.company-fields input{width:100%;padding:13px 14px;border:1px solid #d2d9dd;border-radius:8px;background:#fbfcfa;color:var(--ink)}.company-fields input:focus,.three-fields select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-shadow);outline:0}@media(max-width:1050px){.company-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.company-fields{grid-template-columns:1fr}}

.company-profile-form{grid-column:1/-1;padding:27px}.company-profile-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.company-profile-fields label{display:grid;gap:8px;color:#313848;font-size:12px;font-weight:600}.company-profile-fields input{width:100%;padding:13px 14px;border:1px solid #d2d9dd;border-radius:8px;background:#fbfcfa;color:var(--ink)}.company-profile-fields input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-shadow);outline:0}@media(max-width:760px){.company-profile-fields{grid-template-columns:1fr}.company-profile-form{padding:19px}}

.product-form{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}.product-form label{display:grid;gap:7px;color:#313848;font-size:11px;font-weight:700}.product-form input{width:100%;padding:11px 12px;border:1px solid #d2d9dd;border-radius:7px;background:#fbfcfa;color:var(--ink)}.product-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-shadow);outline:0}@media(max-width:760px){.product-form{grid-template-columns:1fr;align-items:stretch}.product-form .btn{justify-content:center}}