:root{--navy:#0a1f3d;--navy-2:#122b4e;--blue:#1769ff;--cyan:#19b7c8;--bg:#f3f6fb;--surface:#fff;--text:#14243d;--muted:#718096;--line:#e4eaf2;--green:#16a36a;--amber:#e99a22;--red:#d74949;--violet:#7357e8;--shadow:0 14px 38px rgba(30,56,92,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:16px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(180deg,var(--navy),#07172d);padding:28px 18px 20px;color:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 30px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#27d1d2,#1172ff);display:grid;place-items:center;font:800 22px Manrope;box-shadow:0 7px 22px #0aa9c54d}.brand strong{font:800 20px Manrope;letter-spacing:-.5px}.brand span{display:block;font-size:11px;letter-spacing:4px;color:#6edbe3}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;color:#aab8ca;background:transparent;border-radius:11px;display:flex;align-items:center;gap:12px;padding:12px 13px;text-align:left;font:500 15px inherit;cursor:pointer}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #21c8d2}.nav-icon{width:19px;text-align:center;font-size:19px}.nav-count{margin-left:auto;background:#1d466d;padding:2px 7px;border-radius:20px;font-size:12px}.sidebar-bottom{margin-top:auto}.storage-card{background:#ffffff0b;border:1px solid #ffffff10;border-radius:12px;padding:14px;font-size:13px;color:#cad6e4}.progress{height:5px;background:#ffffff16;border-radius:5px;margin:10px 0 7px;overflow:hidden}.progress i{display:block;width:6%;height:100%;background:linear-gradient(90deg,#1e83ff,#2ed0cc)}.storage-card small{color:#8194ab}.profile{width:100%;background:transparent;border:0;border-top:1px solid #ffffff12;margin-top:16px;padding:18px 5px 0;color:#fff;display:flex;align-items:center;gap:10px;text-align:left}.profile>span{width:34px;height:34px;border-radius:10px;background:#1f4165;display:grid;place-items:center;font-size:12px}.profile b{font-size:13px;display:block}.profile small{font-size:11px;color:#879bb3}main{grid-column:2;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;position:sticky;top:0;z-index:10}.menu-button{display:none}.company-switcher small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.company-switcher select{border:0;background:transparent;font:600 14px inherit;color:var(--text);min-width:230px;padding:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.local-pill{font-size:12px;color:var(--muted);background:#f3f6fa;padding:8px 11px;border-radius:20px}.local-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.icon-button{width:35px;height:35px;border:1px solid var(--line);background:white;border-radius:10px;color:var(--navy);font-size:18px}.view{display:none;padding:34px 36px 60px;max-width:1540px;margin:auto}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.page-heading.compact{margin-bottom:24px}.eyebrow{margin:0 0 7px;color:var(--blue)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.3px}.page-heading h1{font:800 28px/1.15 Manrope;margin:0 0 7px;letter-spacing:-.7px}.page-heading p{margin:0;color:var(--muted);font-size:14px}.primary-button,.secondary-button{border:0;border-radius:10px;padding:11px 16px;font:600 14px inherit;cursor:pointer;white-space:nowrap}.primary-button{background:linear-gradient(135deg,#1769ff,#0752d5);color:white;box-shadow:0 8px 20px #1769ff30}.primary-button:hover{filter:brightness(1.07)}.secondary-button{background:white;border:1px solid var(--line);color:var(--text)}.full{width:100%;margin-top:6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 5px 18px #233a5a08}.metric-card.accent{background:linear-gradient(145deg,#0e65f6,#174ac1);border:0;color:white;box-shadow:0 15px 28px #1769ff2f}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.accent .metric-top{color:#cfe0ff}.metric-top i{font-style:normal;font-size:10px;border-radius:12px;padding:4px 7px;background:#ffffff20}.metric-top i:not(:first-child).green-dot,.metric-top i.blue-dot,.metric-top i.amber-dot{width:9px;height:9px;padding:0}.green-dot{background:var(--green)!important}.blue-dot{background:var(--blue)!important}.amber-dot{background:var(--amber)!important}.metric-card strong{display:block;font:700 24px Manrope;margin:12px 0 5px;letter-spacing:-.7px}.metric-card small{color:#8b98aa;font-size:12px}.accent small{color:#c9d8f8}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 25px #1a35570a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:18px}.chart-panel,.quick-panel{padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font:700 16px Manrope;margin:0 0 4px}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.panel-heading select{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:white;color:var(--text)}.legend{display:flex;justify-content:flex-end;gap:14px;font-size:11px;color:var(--muted);margin-top:8px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend .issued{background:var(--blue)}.legend .received{background:var(--cyan)}.chart{height:200px;display:flex;gap:13px;align-items:flex-end;padding:21px 6px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#eef2f7 49px)}.bar-group{height:100%;flex:1;display:flex;gap:3px;align-items:flex-end;position:relative}.bar{width:50%;border-radius:4px 4px 0 0;min-height:2px;transition:height .3s}.bar.issued{background:linear-gradient(#2c81ff,#1769ff)}.bar.received{background:linear-gradient(#3fd7d5,#17b7c9)}.bar-label{position:absolute;bottom:-21px;width:100%;text-align:center;font-size:10px;color:#8b98aa}.quick-panel button{display:flex;width:100%;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:17px 2px;text-align:left;cursor:pointer}.quick-panel button:last-child{border:0}.quick-panel button div{flex:1}.quick-panel b{display:block;font-size:13px}.quick-panel small{color:var(--muted);font-size:11px}.quick-panel em{font-size:22px;color:#9caabb;font-style:normal}.quick-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:19px}.quick-icon.blue{background:#eaf2ff;color:var(--blue)}.quick-icon.teal{background:#e4f8f7;color:#0fa8a5}.quick-icon.violet{background:#f0ecff;color:var(--violet)}.recent-panel{margin-top:18px;padding:21px}.text-button{border:0;background:transparent;color:var(--blue);font:600 12px inherit;cursor:pointer}.table-wrap{overflow:auto;margin-top:17px}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:#8996a8;text-transform:uppercase;letter-spacing:.55px;font-size:10px;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #edf1f6;font-size:12px;vertical-align:middle}tbody tr:hover{background:#f8faff}.amount{text-align:right}.doc-id b,.entity b{display:block;color:var(--text);font-size:12px}.doc-id small,.entity small{color:#8d9aaa}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:18px;padding:5px 8px;font-size:10px;font-weight:600}.badge.received{background:#e4f8f4;color:#08845b}.badge.issued{background:#e8f1ff;color:#1765dc}.badge.valid{background:#e9f8ef;color:#138151}.badge.cancelled{background:#ffeded;color:#c43b3b}.badge.review{background:#fff3da;color:#a76c0e}.filter-row{display:flex;gap:10px;padding:17px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 12px;flex:1;min-width:220px}.search-box input{border:0;outline:0;width:100%;padding:10px 0;font:400 13px inherit}.filter-row select{border:1px solid var(--line);border-radius:9px;background:white;padding:0 10px;color:var(--text);font:500 12px inherit}.cfdi-panel{overflow:hidden}.cfdi-panel .table-wrap{margin:0;padding:0 7px}.main-table td{padding-top:14px;padding-bottom:14px}.table-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:14px 19px;border-top:1px solid var(--line)}.row-action{border:0;background:transparent;font-size:18px;color:#8390a0;cursor:pointer}.notice{display:flex;gap:14px;border-radius:13px;padding:17px 19px;margin-bottom:18px}.notice.secure{background:#edf5ff;border:1px solid #d5e6ff}.notice>span{color:var(--blue);font-size:25px}.notice b{font-size:13px}.notice p{margin:4px 0 0;color:#60748d;font-size:12px;line-height:1.5}.download-layout{display:grid;grid-template-columns:380px 1fr;gap:18px}.request-card{padding:23px}.request-card h2{font:700 18px Manrope;margin:0}.request-card>p{margin:5px 0 21px;color:var(--muted);font-size:13px}.request-card label,.modal-card label{display:block;color:#56657a;font-size:12px;font-weight:600;margin-bottom:15px}.request-card input,.request-card select,.modal-card input,.modal-card select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:11px;background:white;color:var(--text);font:400 13px inherit}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.history-card{padding:23px}.empty-state{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state>span{font-size:35px;color:#9aacbf}.empty-state b{color:var(--text);font-size:14px;margin:8px 0}.empty-state p{font-size:12px;margin:0}.request-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.request-item b{font-size:13px}.request-item p{font-size:11px;color:var(--muted);margin:3px 0}.company-grid,.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.company-card,.report-card{background:white;border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 6px 22px #203a5a08}.company-card header{display:flex;align-items:center;gap:12px}.company-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#e8f1ff,#dce9ff);color:var(--blue);display:grid;place-items:center;font:700 16px Manrope}.company-card h2,.report-card h2{font:700 15px Manrope;margin:0 0 4px}.company-card p,.report-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.company-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.company-meta small{display:block;color:#8b98aa;font-size:10px}.company-meta b{font-size:12px}.report-card>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#edf4ff;color:var(--blue);font-size:22px;margin-bottom:18px}.report-card p{min-height:44px;margin-bottom:17px}.modal{display:none;position:fixed;inset:0;background:#07172dbb;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(520px,100%);background:white;border-radius:18px;padding:28px;box-shadow:0 25px 70px #0003;position:relative}.modal-card h2{font:800 23px Manrope;margin:0 0 6px}.modal-card>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 20px}.modal-close{position:absolute;top:17px;right:17px;width:31px;height:31px;border:0;border-radius:9px;background:#f1f4f8;color:#66778b;font-size:20px;cursor:pointer}.dropzone{border:2px dashed #cbd9eb!important;border-radius:13px!important;min-height:190px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;margin:0!important;cursor:pointer;background:#f8fbff;color:var(--text)!important}.dropzone.drag{border-color:var(--blue)!important;background:#eef5ff}.dropzone input{display:none}.dropzone span{font-size:34px;color:var(--blue)}.dropzone b{font-size:14px;margin:7px 0}.dropzone small{font-weight:400;color:var(--muted)}.upload-status{font-size:12px;margin-top:14px;color:var(--green);min-height:17px}.toast{position:fixed;right:26px;bottom:26px;z-index:80;background:var(--navy);color:white;padding:13px 17px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.company-grid,.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar.open:after{content:"";position:fixed;inset:0 0 0 244px;background:#07172d66}.topbar{padding:0 18px}.menu-button{display:block;border:0;background:transparent;font-size:21px;margin-right:10px}.top-actions .local-pill{display:none}.company-switcher select{min-width:170px}.view{padding:27px 18px 50px}.dashboard-grid,.download-layout{grid-template-columns:1fr}.company-grid,.report-grid{grid-template-columns:1fr 1fr}.filter-row{flex-wrap:wrap}.search-box{width:100%;flex-basis:100%}}
@media(max-width:560px){.page-heading{display:block}.page-heading .primary-button{margin-top:17px;width:100%}.metrics{grid-template-columns:1fr}.metric-card strong{font-size:22px}.company-grid,.report-grid{grid-template-columns:1fr}.top-actions{display:none}.company-switcher select{min-width:0;width:180px}.chart{gap:6px;height:170px}.filter-row select,.filter-row .secondary-button{flex:1;height:40px}.table-footer{display:block}.table-footer span{display:block;margin-bottom:5px}}