@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}:root{--navy: #14213d;--blue: #2764e7;--line: #e4e9f2;--muted: #738097;--surface: #fff;--shadow: 0 12px 35px rgba(25, 43, 77, .08)}.secondary.mobile-logout{display:none}button:disabled{cursor:wait;opacity:.65}@media(max-width:1000px){.secondary.mobile-logout{display:inline-flex;align-items:center;gap:8px}}.license-row{display:grid;grid-template-columns:45px minmax(190px,1.3fr) 140px minmax(210px,1fr) 75px minmax(250px,auto);gap:15px;align-items:center;padding:15px 22px;border-bottom:1px solid #edf0f5}.license-row:last-child{border-bottom:0}.license-row .stat-icon{width:42px;height:42px}.license-row .secondary{white-space:nowrap}@media(max-width:1000px){.license-row{grid-template-columns:45px 1fr auto}.license-row .license-info,.license-row>.secondary,.license-row>.row-actions{grid-column:2 / -1}}@media(max-width:600px){.license-row{padding:14px}}.loading,.login-shell{min-height:100vh;display:grid;place-items:center}.login-shell{background:radial-gradient(circle at 30% 20%,#dce8ff 0,transparent 30%),#f5f7fb}.login-card{width:min(440px,calc(100% - 32px));background:#fff;padding:40px;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.brand-image{width:72px;height:72px;object-fit:contain;border-radius:20px}h1,h2,p{margin:0}h1{font-size:32px;letter-spacing:-1px}h2{font-size:21px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--blue);margin:18px 0 7px}.subtle{color:var(--muted);margin-top:5px}.login-card form,.modal{display:grid;gap:16px;margin-top:28px}label{font-size:13px;font-weight:700;display:grid;gap:7px}input{border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--navy);background:#fff;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e5edff}select,textarea{border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--navy);background:#fff;outline:none;font:inherit}select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e5edff}textarea{resize:vertical}.row-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.row-actions button{min-height:38px;padding:9px 12px;font-size:12px;line-height:1}.danger-button{border:1px solid #ffd0d0;background:#fff2f2;color:#bd2525;border-radius:12px;padding:12px 16px;min-height:42px;font-size:13px;line-height:1;font-weight:800}.license-actions{flex-wrap:nowrap}.company-modal{width:min(860px,100%);max-height:calc(100vh - 36px);overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full-field{grid-column:1 / -1}.primary,.secondary{border:0;border-radius:12px;padding:12px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;font-size:13px;line-height:1}.primary{background:var(--blue);color:#fff}.secondary{background:#f4f6fa;color:var(--navy);border:1px solid var(--line)}.primary:disabled{opacity:.5}.error{padding:11px 13px;background:#fff0f0;color:#be3030;border-radius:10px;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#121c33;color:#fff;padding:27px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.logo>img{width:42px;height:42px;object-fit:contain;border-radius:12px}.logo div{display:grid}.logo strong{font-size:19px}.logo small{color:#91a0bb}nav{display:grid;gap:7px}nav button,.aside-footer button{border:0;background:transparent;color:#aeb9cc;display:flex;gap:11px;align-items:center;padding:12px;border-radius:11px;text-align:left}nav button svg,.aside-footer svg{width:19px}nav button.active{background:#24324e;color:#fff}.aside-footer{margin-top:auto;border-top:1px solid #2b3851;padding:18px 8px 0;display:grid;gap:3px}.aside-footer p{font-size:11px;color:#8693aa}.aside-footer button{padding-left:0;margin-top:9px}.content{padding:42px;max-width:1500px;width:100%;min-width:0;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.compact{height:44px}.compact svg{width:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stats article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;gap:14px;align-items:center;box-shadow:0 5px 20px #1e2d4b09}.stat-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center}.stat-icon svg{width:21px}.stat-icon.blue{color:#2764e7;background:#edf3ff}.stat-icon.green{color:#0b9b6b;background:#e7faf3}.stat-icon.amber{color:#d47a12;background:#fff4df}.stat-icon.violet{color:#7657d6;background:#f1edff}.stats span{font-size:12px;color:var(--muted);display:block}.stats strong{font-size:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:0 11px}.search svg{width:17px;color:var(--muted)}.search input{border:0;box-shadow:none;padding:10px 4px}.company-row{display:grid;grid-template-columns:45px minmax(180px,1.5fr) minmax(145px,auto) 130px 120px minmax(300px,auto);gap:15px;align-items:center;padding:15px 22px;border-bottom:1px solid #edf0f5}.company-row:last-child{border-bottom:0}.avatar{width:42px;height:42px;border-radius:13px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.company-info,.license-info{display:grid}.company-info span,.license-info small{color:var(--muted);font-size:11px}.license-info strong{font-size:13px}.status{font-size:11px;font-weight:800;border-radius:99px;padding:6px 9px;width:max-content;max-width:100%;white-space:nowrap}.status.active,.status.ready{color:#087b57;background:#e5f8f1}.status.queued,.status.creating_project,.status.configuring,.status.deploying{color:#1f5bc2;background:#eaf1ff}.status.failed{color:#b42318;background:#fff0ef}.status.not_started,.status.suspended{color:#667085;background:#f2f4f7}.action-link{text-decoration:none;min-height:38px;padding:9px 12px;font-size:12px}.action-link svg,.row-actions button svg{width:15px;height:15px}.provisioning-error{grid-column:2 / -1;color:#b42318;background:#fff4f2;border-radius:10px;padding:9px 12px;font-size:12px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:55px;text-align:center;color:var(--muted)}.banner{margin-bottom:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a14286b;display:grid;place-items:center;padding:18px;z-index:5}.modal{width:min(520px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 25px 80px #0003}.modal .eyebrow{margin:0}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.package{padding:13px 8px;border:1px solid var(--line);background:#fff;border-radius:11px;font-weight:700}.package.selected{border-color:var(--blue);background:#edf3ff;color:var(--blue)}.code-box{background:#e9faf3;border:1px solid #bfead9;border-radius:14px;padding:15px;display:grid;gap:8px}.code-box small{color:#3a7a65;font-weight:800}.code-box strong{font-size:20px;letter-spacing:1px}.code-box button{border:0;background:transparent;color:#087b57;width:max-content;padding:0;display:flex;gap:6px;font-weight:800}.code-box svg{width:16px}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}aside{height:auto;position:static;flex-direction:row;align-items:center}.logo{padding:0}.aside-footer{display:none}nav{display:flex;margin-left:auto}nav button{font-size:0}.content{padding:24px}.company-row{grid-template-columns:45px 1fr auto}.license-info,.company-row>.secondary{grid-column:2/-1}.stats{grid-template-columns:1fr}}@media(max-width:1240px)and (min-width:901px){.content{padding:30px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.company-row,.license-row{grid-template-columns:45px minmax(0,1fr) auto;gap:12px 14px}.company-row .license-info,.license-row .license-info{grid-column:2 / -1}.company-row .row-actions,.license-row .row-actions{grid-column:2 / -1;justify-content:flex-start}.provisioning-error{grid-column:2 / -1}}@media(max-width:900px){.app-shell{display:block}aside{position:sticky;top:0;z-index:4;height:auto;padding:12px 16px;flex-direction:row;align-items:center;gap:16px;box-shadow:0 8px 24px #0a142824}.logo{padding:0;flex:0 0 auto}.logo>img{width:36px;height:36px}.logo strong{font-size:16px}.aside-footer{display:none}nav{display:flex;min-width:0;overflow-x:auto;gap:4px;margin-left:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 auto;white-space:nowrap;padding:9px 11px;font-size:12px}nav button svg{width:17px;height:17px}.content{padding:26px 20px 40px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.company-row,.license-row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start}.company-row .license-info,.license-row .license-info,.company-row .row-actions,.license-row .row-actions{grid-column:2 / -1}.company-row .row-actions,.license-row .row-actions{justify-content:flex-start}.provisioning-error{grid-column:2 / -1}}@media(max-width:600px){h1{font-size:clamp(26px,8vw,32px)}h2{font-size:19px}aside{align-items:stretch;flex-direction:column;gap:10px;padding:10px 14px}.logo{display:none}nav{width:100%;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}nav button{min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:7px 2px;font-size:10.5px}nav button svg{width:17px;height:17px}header{align-items:flex-start;gap:15px;flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats article{padding:14px;gap:10px;min-width:0}.stats strong{font-size:22px}.stat-icon{width:40px;height:40px;flex:0 0 auto}.panel-head{align-items:flex-start;gap:15px;flex-direction:column}.search,.search input{width:100%}.content{padding:20px 12px 36px}header .compact{width:100%}.panel{border-radius:16px}.panel-head{padding:17px 16px}.company-row,.license-row{padding:16px;grid-template-columns:42px minmax(0,1fr);border-bottom:8px solid #f5f7fb}.company-row>.status,.license-row>.status{grid-column:2}.company-row .license-info,.license-row .license-info{grid-column:2}.company-info{min-width:0}.company-info strong,.company-info span{overflow-wrap:anywhere}.package-grid,.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.row-actions{grid-column:1 / -1!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.row-actions>*{width:100%}.row-actions>:only-child{grid-column:1 / -1}.provisioning-error{grid-column:1 / -1}.modal-backdrop{padding:0;align-items:end}.modal,.company-modal{width:100%;max-height:92dvh;overflow-y:auto;border-radius:24px 24px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom))}.modal .actions{position:sticky;bottom:0;background:#fff;padding-top:10px}.modal .actions>*{flex:1}.code-box strong{font-size:15px;overflow-wrap:anywhere}}@media(max-width:380px){.stats{grid-template-columns:1fr}nav button{font-size:11px}.row-actions{grid-template-columns:1fr}}