.login-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#1d5661 0,#0d2f37 38%,#071c22 100%)}
.login-card{width:min(430px,100%);padding:34px;border:1px solid #ffffff18;border-radius:24px;background:#fff;box-shadow:0 40px 100px #0007}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand h1{margin:0;font-size:25px}.login-brand p{margin:3px 0 0;color:#6b7b84}.login-card label{display:grid;gap:7px;margin:14px 0;font-weight:750}.login-card input{width:100%;padding:13px;border:1px solid #ccd9de;border-radius:11px;background:#f9fbfc}.login-card>.btn{width:100%;margin-top:10px;padding:13px}.login-error{min-height:22px;margin-top:12px;color:#b42318;text-align:center}.logged-out .side,.logged-out .main,.logged-out .mobile-nav{filter:blur(4px);pointer-events:none}
.user-chip{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:6px 10px 6px 7px;border:1px solid #dbe4e8;border-radius:12px;background:#fff;color:#17252b;text-align:left}.user-chip>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0d2f37;color:#d7ff45;font-weight:900}.user-chip b{font-size:13px;line-height:1.1}.user-chip small{font-size:11px;color:#6b7b84}.user-menu{position:fixed;z-index:90;right:24px;top:68px;display:grid;min-width:210px;padding:14px;border:1px solid #dbe4e8;border-radius:14px;background:#fff;box-shadow:0 18px 45px #0d2f3730}.user-menu small{color:#6b7b84}.user-menu button{margin-top:12px;padding:9px;border:0;border-radius:9px;background:#feeceb;color:#b42318;font-weight:750}
.cash-grid{margin-bottom:18px}.cash-card{border:1px solid #dbe4e8;text-align:left;color:inherit}.cash-card small,.cash-card span{display:block;color:#6b7b84}.cash-card h3{margin:8px 0}.cash-card strong{display:block;margin-bottom:5px;color:#0d6b5b;font-size:25px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-summary{display:flex;align-items:center;gap:14px;margin-bottom:16px}.account-summary h3,.account-summary p{margin:0}.account-summary p{color:#6b7b84}.permission-card{margin-top:18px}.permission-grid{display:grid;grid-template-columns:150px 1fr;gap:12px 20px}.mobile-nav{display:none}
.platform-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0}.platform-toolbar small{display:block;color:#6b7b84}.platform-toolbar code{max-width:58%;overflow:hidden;text-overflow:ellipsis;padding:9px 12px;border-radius:9px;background:#edf2f4;color:#0d2f37}.sheet-id{font-family:ui-monospace,Consolas,monospace;color:#50616a}.platform-alert{margin-top:16px}.nav [data-page="platform"]{border:1px solid #ffffff18;background:#ffffff0a}
.company-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:245px}
.platform-admin .side{background:#101b2d}.platform-admin .mark{background:#1677d2;color:#fff}.platform-admin .nav button.active{background:#2479d0;color:#fff}.platform-admin .nav button{color:#a8b3c4}.platform-admin .nav [data-page="platform"]{border:0;background:transparent}.platform-admin .nav [data-page="platform"].active{background:#2479d0}.platform-admin .cashbox{display:none}.platform-admin .content{background:#f4f7fb;min-height:calc(100vh - 76px)}.platform-admin .header{box-shadow:0 1px 0 #dbe3ec}.platform-primary{background:#1677d2;box-shadow:0 8px 20px #1677d233}.platform-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.platform-kpi{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #dce4ed;border-radius:15px;box-shadow:0 4px 14px #1d35570a}.platform-kpi-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#e9f3ff;color:#1677d2;font-size:19px;font-weight:900}.platform-kpi.green .platform-kpi-icon{background:#e8f8f0;color:#18a66a}.platform-kpi.orange .platform-kpi-icon{background:#fff3d9;color:#e59a14}.platform-kpi.purple .platform-kpi-icon{background:#f0eaff;color:#7651d7}.platform-kpi small,.platform-kpi em{display:block;color:#718096;font-size:11px;font-style:normal}.platform-kpi strong{display:block;margin:2px 0;font-size:22px}.platform-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-panel{padding:18px;background:#fff;border:1px solid #dce4ed;border-radius:15px;box-shadow:0 4px 14px #1d35570a}.platform-panel-head{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #e8edf3}.platform-panel-head>div{flex:1}.platform-panel-head small{display:block;color:#718096;font-size:11px}.platform-panel-head button{border:0;background:transparent;color:#1677d2;font-weight:800}.platform-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:16px}.platform-triple strong,.platform-triple small{display:block}.platform-triple strong{font-size:20px}.platform-triple small{color:#718096;font-size:11px}.platform-privacy{margin:0 0 15px;padding:12px 15px;border:1px solid #b9d9f7;border-radius:11px;background:#edf7ff;color:#285f91}.monitor-card h3{margin:0}.monitor-meta{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #e8edf3}.monitor-meta span{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 5px #eef2f6}.health-dot.online{background:#18a66a;box-shadow:0 0 0 5px #e6f7ef}.health-dot.offline{background:#dc3545;box-shadow:0 0 0 5px #fdebed}.locked{color:#1677d2}.system-card{position:relative}.system-card>.health-dot{position:absolute;right:18px;top:20px}.system-card>b,.system-card>small{display:block}.system-card>b{color:#1677d2}.system-card>small{margin-top:6px;color:#718096}
.company-name-link{display:grid;gap:3px;padding:0;border:0;background:transparent;color:#17252b;text-align:left;cursor:pointer}.company-name-link b{font-size:14px}.company-name-link span{color:#718096;font-size:11px}.company-name-link:hover b{color:#1677d2}.company-drawer{position:fixed;z-index:260;inset:0;display:flex;justify-content:flex-end}.drawer-shade{position:absolute;inset:0;border:0;background:#101827c7}.drawer-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:min(620px,100%);height:100%;background:#f8fafc;box-shadow:-20px 0 60px #0003}.drawer-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #dce4ed;background:#fff}.drawer-head>div:nth-child(2){flex:1}.drawer-head h2{margin:0;font-size:20px}.drawer-head small{display:block;margin-top:3px;color:#718096}.drawer-close{width:38px;height:38px;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:#64748b;font-size:25px}.drawer-body{display:grid;align-content:start;gap:16px;overflow:auto;padding:20px 22px 100px}.drawer-body fieldset{display:grid;gap:13px;margin:0;padding:16px;border:1px solid #dce4ed;border-radius:13px;background:#fff}.drawer-body legend{padding:0 8px;color:#24364a;font-size:13px;font-weight:850}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-field{display:grid;gap:7px;color:#50616a;font-size:12px;font-weight:750}.drawer-field input,.drawer-field select,.drawer-field textarea{width:100%;padding:11px 12px;border:1px solid #d6e0ea;border-radius:9px;background:#fff;color:#17252b;font:inherit}.drawer-field textarea{min-height:78px;resize:vertical}.drawer-field input[type="color"]{height:42px;padding:5px}.drawer-info{padding:10px 12px;border:1px solid #cfe1f5;border-radius:9px;background:#f0f7ff;color:#406a94;font-size:11px}.drawer-label{color:#50616a;font-size:12px;font-weight:750}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.module-grid label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dce4ed;border-radius:9px;font-size:12px;font-weight:700}.module-grid label:last-child{grid-column:span 2}.drawer-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid #dce4ed;background:#fff}.drawer-footer .btn{min-width:130px}
@media(max-width:700px){body{padding-bottom:72px}.header{height:66px}.header .actions{gap:6px}.header .quick-client,.header .quick-quote,.header #saveStatus,.user-chip b,.user-chip small{display:none!important}.user-chip{display:block;padding:5px;border:0;background:transparent}.user-chip>span{width:36px;height:36px}.content{padding:14px 12px 22px}.top{gap:12px;margin-bottom:14px}.top h2{font-size:22px}.top>.row{display:grid;grid-template-columns:1fr 1fr;width:100%}.top>.row .btn{width:100%}.grid2,.grid3,.grid4{grid-template-columns:1fr}.card{padding:15px;border-radius:14px}.compact-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compact-kpis .card{min-width:0}.pro-kpi{gap:9px}.pro-kpi .pro-icon{width:38px;height:38px;flex-basis:38px}.pro-kpi strong{font-size:17px}.professional-filters{padding:11px}.tablewrap{margin:0 -1px;padding:0;border-radius:13px}.tablewrap table{min-width:680px}.tablewrap th,.tablewrap td{padding:11px 9px}.box{align-self:end;width:100%;max-height:91vh;padding:20px 16px;border-radius:22px 22px 0 0}.modal{align-items:end;padding:0}.fields{gap:10px}.field[style*="grid-column"]{grid-column:auto!important}.mobile-nav{position:fixed;z-index:30;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-around;padding:7px;border:1px solid #dbe4e8;border-radius:17px;background:#fffffff2;box-shadow:0 12px 35px #0d2f3730;backdrop-filter:blur(12px)}.mobile-nav button{display:grid;place-items:center;gap:2px;min-width:64px;padding:4px;border:0;background:transparent;color:#64748b;font-size:10px}.mobile-nav button span{font-size:20px;line-height:1}.mobile-nav button.active{color:#0d6b5b;font-weight:800}.permission-grid{grid-template-columns:1fr}.login-card{padding:25px 20px}.cash-grid{grid-template-columns:1fr 1fr}.cash-card strong{font-size:19px}.quick-grid{grid-template-columns:1fr}.report-actions .row{grid-template-columns:repeat(3,1fr)}.report-actions .btn{padding:9px 6px;font-size:12px}.platform-toolbar{display:block}.platform-toolbar code{display:block;max-width:100%;margin-top:10px}.top>.btn{width:100%}}
@media(max-width:410px){.compact-kpis,.cash-grid{grid-template-columns:1fr}.header h1{font-size:17px}.header{padding:0 10px}.mobile-nav button{min-width:55px}.login-screen{padding:14px}}
@media(max-width:1000px){.platform-kpis{grid-template-columns:1fr 1fr}.platform-panels{grid-template-columns:1fr}}
@media(max-width:700px){.platform-kpis{grid-template-columns:1fr 1fr;gap:9px}.platform-kpi{padding:13px;gap:9px}.platform-kpi-icon{width:36px;height:36px;flex-basis:36px}.platform-kpi strong{font-size:18px}.platform-panels{grid-template-columns:1fr}.platform-triple{gap:8px}.platform-head{display:grid}.company-actions{min-width:190px}}
@media(max-width:700px){.drawer-panel{width:100%}.drawer-head{padding:14px}.drawer-body{padding:15px 12px 92px}.drawer-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.module-grid label:last-child{grid-column:1/-1}.drawer-footer{padding:10px 12px}.drawer-footer .btn{min-width:0;flex:1}}