*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;color:#101827;background:#f6f8fb}button,input,select{font:inherit}button{border:0;background:#2563eb;color:#fff;padding:10px 14px;border-radius:7px;cursor:pointer;font-weight:700}button:disabled{opacity:.65;cursor:wait}input,select{width:100%;border:1px solid #d6deea;background:#fff;border-radius:7px;min-height:42px;padding:9px 12px;color:#142033}input:focus,select:focus{outline:2px solid #bad4ff;border-color:#3b82f6}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#24324a}.login-shell{min-height:100vh;display:grid;place-items:center;background:#e9eef5}.login-panel{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #d8e0e8;padding:28px;border-radius:10px;display:grid;gap:16px;box-shadow:0 18px 40px #19282d1f}.brand-row{display:flex;gap:12px;align-items:center;color:#2563eb}.brand-row h1{font-size:22px;margin:0;color:#101827}.brand-row p,.page-head p{margin:6px 0 0;color:#6b7588;font-size:14px}.error{color:#9d2b2b;background:#fff1f1;border:1px solid #f0c8c8;padding:10px;border-radius:7px}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start}aside{position:sticky;top:0;min-height:100vh;background:#fbfaf7;color:#1f2937;border-right:1px solid #e4ded3;padding:22px 12px;display:grid;align-content:start;gap:10px}.aside-title{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;padding:0 10px 24px}aside button{display:flex;align-items:center;gap:12px;width:100%;background:transparent;color:#475569;text-align:left;min-height:44px}aside button.active{background:#fff;color:#111827;border:1px solid #ddd6ca;box-shadow:none}aside button:hover{background:#f1ede5;color:#111827}.workspace{min-width:0}header{height:64px;display:flex;align-items:center;gap:16px;padding:0 24px;background:#fff;border-bottom:1px solid #e3e8f0;box-shadow:0 4px 16px #1420330a}.top-identity{display:grid;gap:2px}.top-identity strong{font-size:15px}.top-identity span{font-size:13px;color:#7b8494}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button{width:40px;height:40px;padding:0;display:grid;place-items:center;background:#f3f6fb;color:#152033;border:1px solid #e3e8f0;overflow:visible;flex:0 0 40px}.alert-dot{position:relative}.alert-dot:after{content:"2";position:absolute;top:1px;right:1px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid white;line-height:1}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0ea5e9;color:#fff;font-weight:900}.text-button{background:transparent;color:#142033;padding:8px}.panel{padding:26px 36px 42px;display:grid;gap:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-head h2{margin:0;font-size:24px;letter-spacing:0}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.breadcrumb-actions{display:flex;align-items:center;gap:14px;color:#2563eb;font-size:14px}.action-with-icon,.soft-button,.success-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#2563eb}.success-button{background:#16a34a}.soft-button{background:#fff;color:#304158;border:1px solid #dce4ef}.filter-card,.grid-form,.inline-form,.section-card,.table-wrap,.metric{background:#fff;border:1px solid #dfe6ef;border-radius:9px;box-shadow:0 8px 26px #1420330a}.filter-card{display:grid;grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(170px,1fr)) auto;gap:10px;padding:14px;align-items:end}.filter-card.report-filter{grid-template-columns:repeat(2,minmax(180px,260px));justify-content:start}.filter-card.report-date-filter{grid-template-columns:repeat(2,minmax(210px,280px)) repeat(2,auto);justify-content:start}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #d6deea;background:#fff;border-radius:7px;min-height:42px;padding:0 10px;color:#6b7588}.search-field input{border:0;min-height:38px;padding:0;outline:0}.grid-form{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;padding:14px}.inline-form{display:flex;gap:10px;padding:14px}.inline-form input{width:320px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 13px;border-bottom:1px solid #edf1f6;text-align:left;font-size:14px;white-space:nowrap}th{background:#f8fafc;color:#536175;font-weight:800}.actions{display:flex;gap:7px}.actions button{width:34px;height:34px;padding:0;display:grid;place-items:center;background:#eef3f9;color:#152033}.actions button:last-child{color:#dc2626}.secret-box{display:flex;align-items:center;gap:14px;background:#fff8e8;color:#47370b;border:1px solid #ead895;padding:12px;border-radius:8px}.secret-box strong{font-family:ui-monospace,Consolas,monospace}.company-user-form{grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end}.config-form{grid-template-columns:repeat(3,minmax(180px,1fr)) auto;align-items:end}.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.setup-card{border:1px solid #e4e9f1;background:#fbfdff;border-radius:8px;padding:14px;display:grid;gap:8px}.setup-card strong{color:#111827}.setup-card span{color:#64748b;font-size:13px;line-height:1.5}.sync-config-panel{display:grid;gap:12px}.sync-config-panel pre{margin:0;white-space:pre-wrap;word-break:break-word;background:#111827;color:#d1fae5;padding:14px;border-radius:8px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5}.product-page-head{margin-bottom:4px}.product-overview,.product-cloud-strip{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.product-cloud-strip .metric{border-color:#cbd5e1;background:#fbfdff}.section-card{padding:20px;display:grid;gap:16px}.section-card.full{grid-column:1 / -1}.section-title{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px;color:#152033}.section-dot{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff}.section-dot.blue{background:#3b82f6}.section-dot.green{background:#22c55e}.section-dot.purple{background:#8b5cf6}.section-dot.orange{background:#fb923c}.section-dot.gray{background:#94a3b8}.editor-grid{display:grid;gap:16px 28px;align-items:end}.editor-grid.two{grid-template-columns:repeat(2,minmax(180px,1fr))}.editor-grid.three{grid-template-columns:repeat(3,minmax(180px,1fr))}.editor-grid.four{grid-template-columns:repeat(4,minmax(130px,1fr))}.editor-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.addon-input{display:grid;grid-template-columns:1fr 44px 70px;gap:8px}.addon-input.two{grid-template-columns:1fr 44px}.addon-input button{padding:0;min-height:42px;background:#eaf2ff;color:#2563eb;border:1px solid #cfe0ff}.addon-input .kg{background:#edf4ff;color:#2563eb}.addon-input .kg.active{background:#2563eb;color:#fff}.segmented{display:inline-flex;background:#f1f5f9;padding:2px;border-radius:7px;width:fit-content}.segmented button{min-width:70px;background:transparent;color:#334155}.segmented button.selected{background:#2563eb;color:#fff}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start;min-height:80px}.check-grid label{display:flex;align-items:center;gap:10px;font-weight:600;color:#334155}.check-grid input{width:18px;min-height:18px;accent-color:#2563eb}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:14px}.report-cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.report-tabs{display:flex;gap:8px;flex-wrap:wrap}.report-tabs button{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#304158;border:1px solid #dce4ef}.report-tabs button.selected{background:#162033;color:#fff;border-color:#162033}.report-panel{display:grid;gap:14px}.report-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.hourly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.hour-cell{background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:14px;display:grid;gap:8px;box-shadow:0 8px 26px #1420330a}.hour-cell span{color:#64748b;font-size:13px;font-weight:800}.hour-cell strong{font-size:19px}.hour-cell div{height:7px;background:#e5eaf2;border-radius:99px;overflow:hidden}.hour-cell i{display:block;height:100%;background:#2563eb;border-radius:inherit}.empty-report{min-height:260px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:9px;color:#4b5b73;padding:28px}.empty-report h3{margin:0;color:#101827}.empty-report p{max-width:760px;margin:0;line-height:1.6}.metric{padding:16px;display:grid;gap:8px}.metric span{color:#64748b;font-size:13px}.metric strong{font-size:24px}.sync-layout{display:grid;grid-template-columns:minmax(330px,42%) 1fr;gap:16px;align-items:start}.sync-console,.sync-list{min-width:0}.console-title{background:#162033;color:#fff;padding:10px 12px;border-radius:9px 9px 0 0;font-weight:900}.console-body{height:360px;overflow:auto;background:#07111e;color:#bbf7d0;border-radius:0 0 9px 9px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.55;border:1px solid #162033}.sync-list h3{margin:0 0 10px;font-size:18px}@media(max-width:1100px){.filter-card{grid-template-columns:1fr 1fr}.editor-grid.three,.editor-grid.four,.editor-split,.sync-layout,.report-cards,.report-summary,.product-overview,.product-cloud-strip,.setup-grid,.company-user-form,.config-form,.filter-card.report-date-filter{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}aside{min-height:auto;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 12px;scrollbar-width:none}aside::-webkit-scrollbar{display:none}.aside-title{flex:0 0 auto;padding:0 10px 0 0;font-size:18px}aside button{flex:0 0 auto;width:auto;min-height:40px;padding:9px 12px;white-space:nowrap}header{height:auto;min-height:60px;padding:10px 14px;gap:10px}.top-identity{min-width:0}.top-identity strong,.top-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:8px}.text-button{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{padding:20px}.page-head,.breadcrumb-actions,.form-actions,.page-actions{align-items:stretch;flex-direction:column}.filter-card,.grid-form,.editor-grid.two,.editor-grid.three,.editor-grid.four{grid-template-columns:1fr}.inline-form{display:grid}.inline-form input{width:100%}}