:root{font-family:"Segoe UI",Inter,Arial,sans-serif;color:#0a315d;background:#f4f8fa;--navy:#0a3767;--navy2:#082b50;--teal:#10bdb6;--text:#0b315a;--muted:#6f8598;--border:#dbe8ed;--surface:#fff;--danger:#d65762;--warning:#d98b3a;--success:#159878}*{box-sizing:border-box}html,body,.app-root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#f4f8fa}button,input,select{font:inherit}button{cursor:pointer}.screen{width:100%;height:100%}.is-hidden{display:none!important}.public-screen{position:relative;display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 12% 15%,rgba(16,198,189,.13),transparent 28%),radial-gradient(circle at 90% 85%,rgba(8,55,103,.08),transparent 31%),linear-gradient(145deg,#fff,#eff9fa)}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:360px;height:360px;top:-170px;left:-110px;background:rgba(16,189,182,.07)}.orb-two{width:440px;height:440px;right:-170px;bottom:-220px;background:rgba(10,55,103,.05)}.welcome-card,.login-card,.activation-card{position:relative;z-index:2;background:rgba(255,255,255,.96);border:1px solid rgba(16,189,182,.22);box-shadow:0 28px 90px rgba(8,48,88,.12);text-align:center}.welcome-card{width:min(720px,88vw);min-height:540px;padding:52px 78px 42px;border-radius:34px}.brand-logo{width:min(510px,72vw);height:142px;object-fit:contain}.welcome-card h1{margin:4px 0 0;font-size:36px;letter-spacing:-.035em}.subtitle{margin:12px 0 22px;color:#5f768b;font-size:16px}.welcome-actions{display:grid;width:min(430px,100%);gap:12px;margin:15px auto 0}.primary-button,.secondary-button{width:100%;height:56px;border-radius:15px;font-size:14px;font-weight:800;letter-spacing:.06em}.primary-button{color:#fff;background:linear-gradient(110deg,var(--navy),#0a617b 55%,var(--teal));border:0;box-shadow:0 12px 26px rgba(8,80,114,.22)}.secondary-button{color:#0b526d;background:#f7ffff;border:1px solid #78d8d4}.primary-button:hover,.secondary-button:hover,.primary-small:hover,.new-button:hover{transform:translateY(-1px)}.preview-note{margin:24px 0 0;color:#8b9aa7;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.welcome-footer{position:absolute;z-index:2;bottom:22px;display:flex;gap:9px;align-items:center;color:#8799a8;font-size:11px}.footer-dot{width:4px;height:4px;border-radius:50%;background:var(--teal)}.welcome-license-badge{min-height:25px}.welcome-license-badge .license-pill{display:inline-flex}.language-select{height:39px;padding:0 30px 0 12px;color:#244e69;background:#fff;border:1px solid #cfe2e8;border-radius:11px;font-size:11px;font-weight:800;outline:0}.public-language{position:absolute;z-index:5;top:28px;right:32px;min-width:112px}.back-button{position:absolute;z-index:5;top:30px;left:35px;width:47px;height:47px;color:var(--navy);background:#fff;border:1px solid var(--border);border-radius:14px;font-size:23px;box-shadow:0 8px 24px rgba(8,48,88,.08)}.login-card{width:min(490px,92vw);padding:34px 50px 35px;border-radius:29px}.login-logo{width:255px;height:85px;object-fit:contain}.login-copy h2,.activation-card h2{margin:0;font-size:28px;letter-spacing:-.025em}.login-copy p,.activation-card>p{margin:7px 0 23px;color:var(--muted);font-size:13px}.login-card form,.activation-card form{display:grid;gap:9px;text-align:left}.login-card label,.activation-card label,.modal-fields label{color:#35536e;font-size:12px;font-weight:750}.password-label{display:flex;justify-content:space-between;margin-top:7px}.password-label span{color:var(--teal);font-size:10px;font-weight:800}.login-card input,.activation-card input,.modal-fields input,.modal-fields select{width:100%;height:49px;padding:0 14px;color:var(--text);background:#fbfdfe;border:1px solid #d5e4e9;border-radius:11px;outline:0}.login-card input:focus,.activation-card input:focus,.modal-fields input:focus,.modal-fields select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(16,189,182,.1)}.form-error{min-height:16px;margin:2px 0;color:var(--danger);font-size:11px;font-weight:650}.form-submit{height:51px}.demo-credentials,.demo-license{display:grid;grid-template-columns:1fr auto;gap:5px 15px;margin-top:20px;padding:13px 15px;color:#526c82;background:#effaf9;border:1px dashed #96dcd8;border-radius:11px;font-size:11px}.demo-credentials span,.demo-license span{grid-row:1/3;align-self:center;color:#168b86;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.demo-credentials strong,.demo-license strong{color:#254a68}.activation-card{width:min(540px,92vw);padding:30px 54px 31px;border-radius:30px}.activation-logo{width:225px;height:66px;object-fit:contain}.license-symbol{display:grid;width:49px;height:49px;margin:0 auto 12px;place-items:center;color:#08727b;background:#e4faf8;border-radius:14px;font-size:28px;font-weight:850}.activation-card form{margin-top:18px}.demo-license{grid-template-columns:1fr auto}.server-note{margin:12px 0 0!important;font-size:10px!important}.dashboard-screen{display:grid;grid-template-columns:230px 1fr;background:#f4f8fa}.sidebar{display:flex;min-width:0;flex-direction:column;padding:22px 14px 15px;color:#fff;background:linear-gradient(180deg,#0a3767,#082948)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 10px 26px;font-size:19px;font-weight:850}.sidebar-brand img{width:38px;height:38px;border-radius:10px}.workspace-label{padding:0 13px 10px;color:#82a0b9;font-size:9px;font-weight:850;letter-spacing:.14em}.main-navigation{display:grid;gap:5px}.nav-item{display:flex;width:100%;height:44px;align-items:center;gap:12px;padding:0 13px;color:#bdd0de;background:transparent;border:0;border-radius:11px;font-size:13px;font-weight:680;text-align:left;transition:.14s}.nav-item>span{display:grid;width:23px;height:23px;place-items:center;color:#6fd6d1;background:rgba(255,255,255,.055);border-radius:7px}.nav-item b{overflow:hidden;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06);transform:translateX(2px)}.nav-item.is-active{color:#fff;background:linear-gradient(100deg,rgba(15,189,181,.27),rgba(15,189,181,.1));box-shadow:inset 3px 0 0 #19c9c1}.sidebar-bottom{display:grid;gap:12px;margin-top:auto}.user-card{display:grid;grid-template-columns:35px 1fr 25px;align-items:center;gap:9px;padding:11px 9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);border-radius:13px}.user-avatar{display:grid;width:35px;height:35px;place-items:center;color:#083656;background:#70e1dc;border-radius:10px;font-size:11px;font-weight:850}.user-card strong,.user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card strong{font-size:11px}.user-card small{margin-top:3px;color:#89a6bb;font-size:9px}.logout-button{color:#9bb3c4;background:transparent;border:0;font-size:18px}.dashboard-main{min-width:0;overflow:auto}.topbar{position:sticky;z-index:4;top:0;display:flex;min-height:91px;align-items:center;justify-content:space-between;padding:18px 30px;background:rgba(248,251,252,.95);border-bottom:1px solid #e3ecef;backdrop-filter:blur(14px)}.eyebrow{margin:0 0 3px;color:#16a39d;font-size:9px;font-weight:850;letter-spacing:.13em}.topbar h2{margin:0;font-size:25px;letter-spacing:-.025em}.topbar-actions{display:flex;align-items:center;gap:10px}.dashboard-language{width:76px;height:40px}.icon-button{width:40px;height:40px;color:#35bdb7;background:#fff;border:1px solid var(--border);border-radius:12px}.new-button{height:41px;padding:0 17px;color:#fff;background:linear-gradient(110deg,#0a416d,#0db4ae);border:0;border-radius:12px;font-size:11px;font-weight:850;letter-spacing:.04em;box-shadow:0 8px 20px rgba(12,129,137,.18)}.section-content{padding:23px 29px 35px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.page-head h3{margin:0;font-size:20px}.page-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.page-actions{display:flex;gap:8px}.primary-small,.ghost-button{height:39px;padding:0 15px;border-radius:10px;font-size:10px;font-weight:850;letter-spacing:.03em}.primary-small{color:#fff;background:linear-gradient(110deg,var(--navy),var(--teal));border:0}.ghost-button{color:#3b5a72;background:#fff;border:1px solid var(--border)}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.kpi-card{min-height:110px;padding:17px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 7px 20px rgba(8,48,82,.035)}.kpi-label{display:flex;justify-content:space-between;color:#71879a;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.kpi-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(16,189,182,.1)}.kpi-value{margin:13px 0 5px;font-size:24px;font-weight:800;letter-spacing:-.03em}.kpi-change{color:var(--success);font-size:9px;font-weight:700}.kpi-change.neutral{color:#7b8fa0}.kpi-change.warning{color:var(--warning)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr);gap:14px;margin-top:14px}.panel,.data-panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 7px 20px rgba(8,48,82,.035)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 12px}.panel-header h4{margin:0;font-size:13px}.panel-header span{color:#8798a7;font-size:8px;font-weight:750}.chart-wrap{height:170px;padding:10px 20px 18px}.bars{display:flex;height:125px;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid #e5eef1}.bar-group{display:flex;height:100%;flex:1;align-items:flex-end;justify-content:center;gap:4px}.bar{width:min(16px,32%);border-radius:5px 5px 0 0}.bar.in{background:linear-gradient(180deg,#1accc4,#0e9e99)}.bar.out{background:#dce8ed}.bar-months{display:flex;justify-content:space-between;padding-top:8px;color:#8ba0af;font-size:8px;font-weight:700}.deadline-list{padding:0 16px 10px}.deadline-item{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:12px 2px;border-top:1px solid #edf2f4}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.red{background:#e6646d}.status-dot.orange{background:#e6a24d}.status-dot.green{background:#23b98e}.deadline-item strong,.deadline-item small{display:block}.deadline-item strong{font-size:10px}.deadline-item small{margin-top:3px;color:#8b9dac;font-size:8px}.deadline-amount{font-size:10px;font-weight:800}.data-panel{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:11px 14px;color:#7b8e9e;background:#f7fafb;font-size:8px;font-weight:850;letter-spacing:.06em;text-align:left;text-transform:uppercase}.data-table td{padding:12px 14px;border-top:1px solid #edf2f4;font-size:10px}.data-table strong{display:block;font-size:11px}.data-table small{display:block;margin-top:3px;color:#8295a5;font-size:8px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-button{height:28px;padding:0 9px;color:#3b5b72;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:8px;font-weight:800}.row-button.danger{color:#bd4c56}.status-badge,.license-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.status-badge.OPEN,.license-pill.PENDING_ACTIVATION{color:#a46721;background:#fff4e6}.status-badge.PAID,.license-pill.ACTIVE{color:#147b63;background:#e6f8f2}.status-badge.OVERDUE,.license-pill.REVOKED{color:#ba4550;background:#ffeaed}.empty-state{padding:50px 20px;text-align:center;color:var(--muted);font-size:12px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.summary-card{padding:19px;background:linear-gradient(135deg,#0b3b67,#0b828b);border-radius:16px;color:#fff}.summary-card span{display:block;color:#bce7e5;font-size:9px;font-weight:750;text-transform:uppercase}.summary-card strong{display:block;margin-top:8px;font-size:24px}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.settings-card{padding:21px;background:#fff;border:1px solid var(--border);border-radius:16px}.settings-card h4{margin:0 0 15px}.license-overview{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.detail-list{display:grid;gap:10px;margin-top:17px}.detail-row{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #edf2f4;font-size:10px}.detail-row span{color:var(--muted)}.detail-row strong{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-stack{display:grid;gap:8px}.overlay{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:25px;background:rgba(5,35,64,.62);backdrop-filter:blur(9px)}.language-dialog,.entity-dialog{background:#fff;border:1px solid rgba(112,225,220,.55);border-radius:25px;box-shadow:0 34px 100px rgba(3,28,53,.28)}.language-dialog{width:min(520px,94vw);padding:33px 37px 37px;text-align:center}.language-mark{display:grid;width:50px;height:50px;margin:0 auto 15px;place-items:center;color:#087883;background:#e4faf8;border-radius:15px;font-size:19px;font-weight:850}.language-dialog h2{margin:0;font-size:26px}.language-dialog>p{margin:7px 0 23px;color:var(--muted);font-size:12px}.language-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.language-choices button{display:grid;gap:5px;min-height:80px;align-content:center;color:#174765;background:#f6fbfc;border:1px solid #d6e7eb;border-radius:13px}.language-choices button:hover{background:#effcfb;border-color:#66d5d0}.language-choices span{color:#7b8f9e;font-size:8px}.entity-dialog{width:min(560px,95vw);max-height:90vh;overflow:auto;padding:23px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h3{margin:0;font-size:20px}.modal-close{width:35px;height:35px;color:#678095;background:#f5f9fa;border:1px solid var(--border);border-radius:10px;font-size:20px}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-field{display:grid;gap:6px}.modal-field.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;z-index:70;right:24px;bottom:24px;max-width:380px;padding:13px 17px;color:#fff;background:#0b3a64;border-radius:11px;box-shadow:0 15px 40px rgba(8,45,85,.25);font-size:11px;font-weight:650;opacity:0;pointer-events:none;transform:translateY(12px);transition:.16s}.toast.is-visible{opacity:1;transform:translateY(0)}.h25{height:25%}.h32{height:32%}.h38{height:38%}.h45{height:45%}.h52{height:52%}.h60{height:60%}.h67{height:67%}.h74{height:74%}.h82{height:82%}.h90{height:90%}@media(max-width:1050px){.dashboard-screen{grid-template-columns:205px 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}}@media(max-height:700px){.welcome-card{min-height:490px;padding-top:32px}.brand-logo{height:112px}.login-card,.activation-card{padding-top:23px;padding-bottom:23px}.login-logo{height:65px}}