:root{--navy:#0e1c4d;--navy-2:#15245c;--sidebar:#101c48;--blue:#1a4db8;--blue-hi:#2a63d8;--tile:#1d4ec4;--green:#2ea44f;--green-2:#34c759;--red:#d32f2f;--red-2:#c62828;--yellow:#f5c518;--orange:#ef6c00;--text:#1b1b1b;--muted:#667085;--line:#e6e8ee;--bg:#eef1f6;--card:#fff;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{background:var(--bg);grid-template-columns:72px 1fr;height:100%;display:grid;overflow:hidden}.sidebar{background:linear-gradient(180deg, var(--sidebar), #0b1538);color:#fff;flex-direction:column;align-items:center;gap:8px;padding:10px 8px 12px;display:flex}.side-btn{color:#fff;background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.side-btn:hover,.side-btn.active{background:#ffffff1f}.side-btn svg{width:22px;height:22px}.side-title{writing-mode:vertical-rl;letter-spacing:.04em;opacity:.95;align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex;transform:rotate(180deg)}.side-title svg{width:16px;height:16px;transform:rotate(180deg)}.side-user{opacity:.75;writing-mode:vertical-rl;font-size:10px;transform:rotate(180deg)}.main{min-width:0;min-height:0;position:relative;overflow:auto}.page-pad{padding:14px 16px 24px}.dash{background:radial-gradient(circle at 10% 0,#ffffff29,#0000 32%),linear-gradient(160deg,#0d2f86 0%,#1647b8 42%,#0b2468 100%);min-height:100%;padding:18px 18px 28px;position:relative;overflow:hidden}.dash:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:-20%;transform:rotate(-12deg)}.dash-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:720px;display:grid;position:relative}.tile{background:var(--tile);color:#fff;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:78px;text-decoration:none;display:flex;box-shadow:0 8px 18px #0000002e}.tile svg{width:28px;height:28px}.tile span{font-size:15px;font-weight:600}.tile.danger{background:#b71c1c}.dash-foot{color:#ffffffd9;justify-content:space-between;margin-top:16px;font-size:13px;display:flex;position:relative}.tables-v2{min-height:100%;padding:0 0 24px}.area-tabs{-webkit-overflow-scrolling:touch;gap:0;padding:0 12px;display:flex;overflow-x:auto}.area-tab{color:#1a1a1a;background:var(--yellow);white-space:nowrap;border:0;border-radius:10px 10px 0 0;flex-shrink:0;padding:14px 18px;font-size:14px;font-weight:700}.area-tab.active{background:var(--green);color:#fff}.tables-section{padding:0 12px}.tables-area-title{margin:14px 0 10px;font-size:17px}.table-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.table-card{color:#fff;border:0;border-radius:12px;min-height:110px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 6px 14px #0000001f}.table-card.empty{background:var(--green)}.table-card.busy{background:var(--red-2)}.table-card-main{color:inherit;width:100%;min-height:110px;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex}.table-name{font-size:20px}.table-empty{opacity:.9;font-size:14px}.table-card .amt{font-size:18px}.table-card .ago{opacity:.95;font-size:12px;font-weight:500}.table-del{color:#fff;background:#00000059;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid;position:absolute;top:4px;right:4px}.order{grid-template-columns:56px 1fr 1.1fr;height:100%;min-height:0;display:grid}.order.add-mode{grid-template-columns:56px minmax(220px,1fr) minmax(240px,1.1fr)}.v-add{background:var(--green);color:#fff;writing-mode:vertical-rl;letter-spacing:.04em;border:0;font-weight:800;transform:rotate(180deg)}.order-left,.order-right{border-left:1px solid var(--line);background:#fff;min-width:0;overflow:auto}.cat-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.cat{background:#fff;border:1px solid #d7dbe4;border-radius:8px;min-height:52px;font-size:13px;font-weight:700}.cat.active{color:#fff;background:#1e88e5;border-color:#1e88e5}.search{text-align:center;color:#5b6573;border:1px dashed #9aa4b5;border-radius:8px;width:calc(100% - 20px);margin:8px 10px;padding:10px 12px}.prod-list{flex-direction:column;gap:8px;padding:0 10px 16px;display:flex}.prod{text-align:left;background:#fff;border:1px solid #d7dbe4;border-radius:8px;grid-template-columns:1fr 56px;align-items:center;gap:8px;padding:8px 10px;display:grid}.prod b{display:block}.prod small{color:var(--muted)}.thumb{background:#eceff5;border:1px solid #d5dae4;border-radius:4px;width:52px;height:40px}.totals{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px;display:grid}.tot{text-align:center}.tot .lbl{color:var(--muted);font-size:12px}.tot .val{font-size:22px;font-weight:800}.tot.blue .val{color:#1565c0}.tot.orange .val{color:var(--orange)}.tot.red .val{color:var(--red)}.grid-table{border-collapse:collapse;width:100%;font-size:13px}.grid-table th,.grid-table td{border:1px solid #d9dee8;padding:8px 10px}.grid-table th{text-align:left;background:#f7f8fb;font-weight:700}.grid-table td.num,.grid-table th.num{text-align:right}.grid-table tr:nth-child(2n) td{background:#fafbfe}.grid-table .neg{color:var(--red);font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px}.card h3{margin:0 0 10px;font-size:15px}.row{flex-wrap:wrap;gap:10px;display:flex}.btn{background:#e8ecf4;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn.primary{color:#fff;background:#1565c0}.btn.green{background:var(--green);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.gray{color:#333;background:#cfd6e2}.btn:disabled{opacity:.45;cursor:not-allowed}.big-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.big{border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:72px;font-size:20px;font-weight:800;display:flex}.big.start{color:#333;background:#dfe3ea}.big.end{background:var(--red);color:#fff}.live{color:var(--red);font-weight:800}.kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.kpi{background:#fff;border:1px solid #dbe3f0;border-radius:12px;min-height:92px;padding:14px 16px;position:relative;overflow:hidden}.kpi:after{content:"";background:radial-gradient(circle,#2196f32e,#0000 70%);width:90px;height:70px;position:absolute;top:-18px;right:-10px}.kpi .lbl{color:#607089;font-size:13px}.kpi .val{color:#1e4bd0;font-size:34px;font-weight:800;line-height:1.1}.summary{grid-template-columns:1.3fr .9fr;gap:14px;padding:14px;display:grid}.chart-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.bars{align-items:flex-end;gap:8px;height:220px;padding:8px 4px 0;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar{background:#43a047;border-radius:4px 4px 0 0;width:70%;min-height:4px}.bar-col span{color:#667;writing-mode:vertical-rl;height:52px;font-size:10px;transform:rotate(180deg)}.report-list{flex-direction:column;gap:8px;display:flex}.report-item{color:inherit;background:#fff;border:1px solid #d7dce6;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;text-decoration:none;display:flex}.report-item svg{color:#334;width:22px;height:22px}.modal-back{z-index:20;background:#0a102873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(460px,100%);padding:16px}.modal h3{margin:0 0 12px}.field{flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.field input,.field select,.field textarea{border:1px solid #cfd6e2;border-radius:8px;padding:9px 10px}.fab{color:#fff;background:#00c853;border:0;border-radius:50%;place-items:center;width:56px;height:56px;text-decoration:none;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 18px #0003}.fab svg{width:26px;height:26px}.pay-bar{border-top:1px solid var(--line);background:#f7f8fb;flex-wrap:wrap;gap:8px;padding:10px;display:flex;position:sticky;bottom:0}.range{color:var(--muted);margin-bottom:10px;font-size:13px}.lic-banner,.dash-lic{border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;text-decoration:none;display:flex}.lic-banner.active,.dash-lic.active{color:#1b5e20;background:#e8f5e9}.lic-banner.expiring,.dash-lic.expiring{color:#e65100;background:#fff8e1}.lic-banner.expired,.dash-lic.expired{color:#b71c1c;background:#ffebee}.dash-lic{z-index:1;background:#ffffffeb;margin-bottom:14px;position:relative}.lic-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:14px;display:grid}@media (width<=900px){.lic-grid{grid-template-columns:1fr}}.cert{border:2px solid #1a4db8}.cert-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cert-brand{color:#0e1c4d;font-size:22px;font-weight:800}.cert-who{margin:8px 0 4px;font-size:26px}.lic-badge{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.lic-badge.active{color:#fff;background:#2ea44f}.lic-badge.expiring{color:#fff;background:#ef6c00}.lic-badge.expired{color:#fff;background:#c62828}.lic-dl{grid-template-columns:1fr 1fr;gap:10px 16px;margin:14px 0;display:grid}.lic-dl dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.lic-dl dd{margin:2px 0 0;font-weight:700}.lic-key{letter-spacing:.06em;font-family:ui-monospace,Menlo,monospace}.lic-parties{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.lic-parties p{margin:2px 0;font-size:13px}.lic-parties h3{margin:0 0 6px;font-size:13px}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.pricing-card{border:2px solid var(--line);cursor:pointer;text-align:center;border-radius:12px;padding:14px 12px;transition:border-color .15s}.pricing-card:hover{border-color:#93acd8}.pricing-card.sel{border-color:var(--blue);background:#eef3ff}.pc-name{margin-bottom:6px;font-size:16px;font-weight:800}.pc-price{color:var(--blue);font-size:22px;font-weight:800}.pc-price small{color:var(--muted);font-size:12px;font-weight:500}.pc-feat{color:var(--muted);margin:10px 0 0;padding:0;font-size:12px;list-style:none}.pc-feat li:before{content:"✓ ";color:var(--green);font-weight:800}.price-summary{background:#f0f4fa;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:14px}.auth-page{background:radial-gradient(circle at 20% 30%,#ffffff1f,#0000 40%),linear-gradient(160deg,#0d2f86 0%,#1647b8 42%,#0b2468 100%);place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{background:#fff;border-radius:16px;width:min(420px,100%);padding:28px 24px;box-shadow:0 16px 40px #00000038}.auth-brand{color:var(--navy);align-items:center;gap:8px;font-size:26px;font-weight:800;display:flex}.auth-brand svg{width:32px;height:32px}.auth-sub{color:var(--muted);margin:2px 0 18px;font-size:13px}.auth-card h2{margin:0 0 14px;font-size:20px}.auth-err{color:#b71c1c;background:#ffebee;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:13px}.auth-info{color:#1b5e20;background:#e8f5e9;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:13px}.auth-submit{width:100%;margin-top:6px;padding:12px;font-size:16px}.auth-links{justify-content:space-between;margin-top:14px;display:flex}.auth-links button{color:var(--blue);background:0 0;border:0;font-size:13px;text-decoration:underline}.auth-footer{color:var(--muted);text-align:center;margin-top:18px;font-size:11px}@media print{.sidebar,.pay-bar,.side-btn,.btn,.fab,.v-add,.no-print,.lic-banner{display:none!important}.app{height:auto;display:block}.main{overflow:visible}.lic-grid{display:block}}