@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --blue:#2563eb; --blue-dark:#1746ae; --blue-soft:#eef5ff; --ink:#15213a; --muted:#71809a; --line:#e6ecf5; --green:#23a36d; --surface:#fff; --soft:#f7faff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:'Manrope', Arial, sans-serif; color:var(--ink); background:#fff; font-size:14px; }
a { color:inherit; text-decoration:none; }
button, input, select { font:inherit; }
button { cursor:pointer; }
.page-shell { width:min(1160px, calc(100% - 64px)); margin:0 auto; }
.site-header { height:82px; width:min(1250px, calc(100% - 64px)); margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:18px; letter-spacing:-.04em; }
.brand-mark { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:var(--blue); color:#fff; font-weight:800; font-size:17px; box-shadow:0 5px 12px #2563eb33; }
.header-nav { display:flex; align-items:center; gap:32px; color:#66738c; font-size:13px; font-weight:600; }
.header-nav a:not(.button):hover, .text-link:hover { color:var(--blue); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:10px; padding:13px 21px; font-weight:700; font-size:13px; transition:.2s ease; }
.button-primary { color:#fff; background:var(--blue); box-shadow:0 8px 18px #2563eb2b; }
.button-primary:hover { background:var(--blue-dark); transform:translateY(-1px); }
.button-outline { border:1px solid #d8e2f2; color:var(--ink); background:#fff; padding:10px 18px; }
.button-outline:hover { border-color:var(--blue); color:var(--blue); }
.button-white { color:var(--blue); background:#fff; }
.button-white:hover { background:#eff5ff; }
.button-small { padding:10px 16px; font-size:12px; }
.button-full { width:100%; margin-top:7px; }
.hero { min-height:600px; display:grid; grid-template-columns:48% 52%; align-items:center; gap:18px; padding:58px 0 75px; }
.eyebrow { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
.hero h1 { font-size:65px; line-height:1.05; letter-spacing:-.07em; margin:22px 0 22px; font-weight:800; }
.hero h1 span { color:var(--blue); }
.hero-text { max-width:480px; color:var(--muted); font-size:16px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:26px; margin:30px 0 24px; }
.text-link { color:var(--blue); font-weight:700; font-size:13px; }
.text-link span { font-size:18px; margin-left:5px; }
.hero-note { color:#8491a6; font-size:11px; font-weight:600; display:flex; align-items:center; gap:8px; }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#28b379; box-shadow:0 0 0 4px #28b3791e; }
.hero-visual { position:relative; min-height:390px; display:grid; place-items:center; }
.hero-visual:before { content:''; position:absolute; width:460px; height:330px; border-radius:50%; background:#f0f6ff; transform:rotate(-13deg); }
.dashboard-card { position:relative; background:#fff; border:1px solid #e4ebf7; border-radius:16px; box-shadow:0 22px 55px #365b9e20; }
.dashboard-preview { width:460px; padding:22px; z-index:1; }
.preview-topline { display:flex; justify-content:space-between; color:#7d8aa0; font-size:11px; font-weight:700; }
.live-pill { color:#1b9c65; background:#eaf9f2; border-radius:20px; padding:5px 8px; font-size:10px; }
.preview-balance { margin-top:25px; display:flex; flex-direction:column; gap:8px; }
.preview-balance span { color:#75829a; font-size:11px; }.preview-balance strong { font-size:29px; letter-spacing:-.05em; }.preview-balance small { color:#1fa36b; font-size:10px; font-weight:700; }
.preview-chart { height:143px; margin-top:17px; position:relative; }.preview-chart svg { width:100%; height:100%; position:relative; }.chart-grid { position:absolute; inset:0; background:repeating-linear-gradient(to bottom, transparent 0, transparent 34px, #eef2f8 35px); }
.preview-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); padding-top:15px; margin-top:13px; gap:12px; }.preview-stats div { display:flex; flex-direction:column; gap:5px; }.preview-stats strong { font-size:16px; letter-spacing:-.04em; }.preview-stats span { color:#8793a8; font-size:10px; }
.floating-card { position:absolute; z-index:2; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #e5ebf5; box-shadow:0 13px 30px #244e9e1c; padding:11px 14px; border-radius:11px; }.floating-card strong,.floating-card small { display:block; }.floating-card strong { font-size:11px; }.floating-card small { font-size:9px; color:#8490a3; margin-top:4px; }.floating-card-income { left:0; top:52px; }.floating-card-users { right:-5px; bottom:35px; }.mini-icon { width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:#eaf8f1; color:#20a36b; font-weight:800; }.avatar-stack { display:flex; padding-right:7px; }.avatar-stack i { width:22px; height:22px; background:#c8d9f7; border:2px solid white; border-radius:50%; margin-right:-7px; }.avatar-stack i:nth-child(2){background:#9bd2c2}.avatar-stack i:nth-child(3){background:#f0bd92}
.trust-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:21px 0; display:flex; align-items:center; justify-content:space-between; color:#8995a9; font-size:11px; }.trust-strip > span { color:var(--ink); font-weight:700; }.trust-strip div { display:flex; align-items:center; gap:7px; }.trust-check { color:var(--blue); background:#eaf2ff; border-radius:50%; width:20px; height:20px; display:grid; place-items:center; font-weight:800; }
.section { padding:115px 0; }.section-heading { text-align:center; max-width:620px; margin:0 auto 48px; }.section-heading h2 { font-size:38px; line-height:1.15; letter-spacing:-.06em; margin:17px 0 14px; }.section-heading p { color:var(--muted); line-height:1.7; }.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.step-card { border:1px solid var(--line); border-radius:14px; padding:28px; position:relative; min-height:210px; transition:.2s; }.step-card:hover { border-color:#c5d7f7; box-shadow:0 14px 25px #2454a10c; transform:translateY(-2px); }.step-number { position:absolute; top:27px; right:27px; color:#b9c6db; font-size:11px; font-weight:800; }.step-icon { color:var(--blue); width:39px; height:39px; border-radius:11px; display:grid; place-items:center; background:#edf4ff; font-size:20px; margin-bottom:28px; }.step-card h3 { font-size:15px; margin-bottom:10px; }.step-card p { color:var(--muted); line-height:1.65; font-size:12px; margin-bottom:0; }
.section-soft { background:var(--soft); }.benefits-layout { display:grid; grid-template-columns:44% 1fr; gap:90px; align-items:center; }.left-heading { text-align:left; margin:0; }.left-heading h2 { margin-bottom:19px; }.benefits-list { border-top:1px solid #e0e8f4; }.benefit-item { display:grid; grid-template-columns:48px 1fr; padding:23px 0; border-bottom:1px solid #e0e8f4; }.benefit-item > span { color:#a1aec2; font-size:11px; font-weight:800; }.benefit-item h3 { font-size:14px; margin:0 0 7px; }.benefit-item p { color:var(--muted); font-size:12px; line-height:1.6; margin:0; }
.cta-section { background:var(--blue); color:#fff; border-radius:18px; display:flex; align-items:center; justify-content:space-between; padding:49px 60px; margin-bottom:80px; overflow:hidden; position:relative; }.cta-section:after { content:''; position:absolute; width:330px; height:330px; right:170px; top:-225px; border:1px solid #ffffff2b; border-radius:50%; box-shadow:0 0 0 35px #ffffff09,0 0 0 70px #ffffff06; }.cta-section h2 { font-size:32px; line-height:1.18; letter-spacing:-.05em; margin:15px 0 0; position:relative; z-index:1; }.eyebrow-light { color:#bcd3ff; }.cta-section .button { position:relative; z-index:1; }.site-footer { min-height:87px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; color:#8b97a9; font-size:11px; }.site-footer .brand { color:var(--ink); font-size:15px; }.site-footer .brand-mark { width:27px; height:27px; border-radius:8px; font-size:14px; }
.auth-page { min-height:100vh; background:var(--soft); }.auth-header { width:min(1180px, calc(100% - 64px)); }.back-link { color:#738098; font-size:12px; font-weight:700; }.back-link:hover { color:var(--blue); }.auth-main { width:min(1080px, calc(100% - 64px)); min-height:calc(100vh - 82px); margin:0 auto; display:grid; grid-template-columns:1fr 430px; gap:90px; align-items:center; padding:45px 0 75px; }.auth-aside { color:#fff; background:var(--blue); border-radius:18px; padding:52px 46px; min-height:510px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }.auth-aside:after { content:''; position:absolute; width:440px; height:440px; border:1px solid #ffffff28; border-radius:50%; bottom:-290px; right:-190px; box-shadow:0 0 0 32px #ffffff08,0 0 0 65px #ffffff07; }.auth-aside h1 { font-size:38px; letter-spacing:-.07em; line-height:1.15; margin:22px 0 17px; max-width:410px; }.auth-aside > p { color:#d2e0ff; line-height:1.7; max-width:370px; }.auth-quote { border-top:1px solid #ffffff35; margin-top:40px; padding-top:21px; display:flex; gap:14px; position:relative; z-index:1; }.auth-quote span { color:#a9c6ff; font-size:40px; line-height:.7; }.auth-quote p { color:#e2ebff; font-size:12px; line-height:1.6; max-width:310px; }.auth-card { background:#fff; border:1px solid var(--line); box-shadow:0 18px 50px #365b9e12; border-radius:16px; padding:39px 38px 30px; }.auth-card-heading h2 { font-size:26px; letter-spacing:-.06em; margin:15px 0 9px; }.auth-card-heading p { color:var(--muted); font-size:12px; margin-bottom:31px; }.auth-form { display:flex; flex-direction:column; }.auth-form label { color:#3d4b64; font-size:11px; font-weight:800; margin-bottom:8px; }.auth-form input[type=email],.auth-form input[type=password] { border:1px solid #dce5f2; border-radius:9px; padding:13px 14px; outline:none; color:var(--ink); font-size:13px; margin-bottom:20px; }.auth-form input:focus { border-color:var(--blue); box-shadow:0 0 0 3px #2563eb15; }.label-row { display:flex; align-items:center; justify-content:space-between; }.muted-link { color:#8591a5; font-size:10px; font-weight:600; }.checkbox-row { display:flex !important; align-items:center; gap:8px; margin:0 0 18px; color:#8490a2 !important; font-weight:600 !important; }.checkbox-row input { accent-color:var(--blue); }.form-note { color:#d34d58; font-size:11px; min-height:15px; margin:9px 0 0; }.auth-bottom { border-top:1px solid var(--line); padding-top:22px; margin:23px 0 0; text-align:center; color:#8490a3; font-size:11px; }.auth-bottom a { color:var(--blue); font-weight:800; }
.dashboard-page { background:#f8faff; display:flex; min-height:100vh; }.sidebar { background:#fff; width:240px; border-right:1px solid var(--line); padding:25px 16px 20px; display:flex; flex-direction:column; flex-shrink:0; }.sidebar .brand { padding:0 13px 45px; }.sidebar-label { color:#a4aec0; text-transform:uppercase; font-size:9px; letter-spacing:.13em; font-weight:800; padding:0 13px 14px; }.sidebar-nav { display:flex; flex-direction:column; gap:4px; }.sidebar-nav a,.sidebar-bottom a,.logout-button { padding:12px 13px; border-radius:9px; color:#8591a6; font-size:12px; font-weight:700; display:flex; gap:12px; align-items:center; border:0; background:none; width:100%; text-align:left; }.sidebar-nav a span,.sidebar-bottom span { width:18px; font-size:16px; text-align:center; }.sidebar-nav a:hover,.sidebar-bottom a:hover,.logout-button:hover { color:var(--blue); background:#f3f7ff; }.sidebar-nav a.active { color:var(--blue); background:#edf4ff; }.sidebar-bottom { margin-top:auto; border-top:1px solid var(--line); padding-top:18px; }.logout-button { cursor:pointer; }.dashboard-main { flex:1; min-width:0; }.dashboard-header { max-width:1280px; margin:0 auto; padding:37px 46px 28px; display:flex; justify-content:space-between; align-items:flex-start; }.dashboard-header h1 { font-size:27px; letter-spacing:-.06em; margin:14px 0 7px; }.dashboard-header p { color:var(--muted); font-size:12px; margin:0; }.dashboard-user { display:flex; align-items:center; gap:11px; padding-top:5px; }.notification-button { border:0; background:#fff; width:35px; height:35px; border-radius:9px; color:#77849b; font-size:21px; position:relative; }.notification-button i { position:absolute; width:5px; height:5px; background:#ef6d74; border-radius:50%; right:8px; top:7px; }.user-avatar { background:#dbe8ff; color:var(--blue); display:grid; place-items:center; width:35px; height:35px; border-radius:10px; font-size:12px; font-weight:800; }.dashboard-user strong,.dashboard-user small { display:block; }.dashboard-user strong { font-size:11px; }.dashboard-user small { color:#8793a7; font-size:9px; margin-top:4px; }.chevron { color:#98a4b7; margin-left:7px; }.dashboard-content { max-width:1280px; margin:0 auto; padding:0 46px 50px; }.program-banner { background:var(--blue); border-radius:14px; padding:24px 27px; color:#fff; display:flex; justify-content:space-between; align-items:center; position:relative; overflow:hidden; }.program-banner:after { content:''; position:absolute; width:300px; height:300px; right:18%; top:-225px; border:1px solid #ffffff26; border-radius:50%; box-shadow:0 0 0 31px #ffffff08,0 0 0 62px #ffffff05; }.banner-label { color:#c9dbff; text-transform:uppercase; font-size:9px; letter-spacing:.12em; font-weight:800; }.banner-label i { width:6px; height:6px; background:#7be0aa; border-radius:50%; display:inline-block; margin-right:6px; }.program-banner h2 { font-size:19px; letter-spacing:-.04em; margin:12px 0 6px; position:relative; z-index:1; }.program-banner p { color:#d3e1ff; font-size:11px; margin:0; position:relative; z-index:1; }.program-banner .button { position:relative; z-index:1; white-space:nowrap; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0; }.metric-card,.panel { background:#fff; border:1px solid var(--line); border-radius:12px; }.metric-card { padding:19px; }.metric-top { display:flex; align-items:center; justify-content:space-between; color:#8490a4; font-size:10px; margin-bottom:16px; }.metric-card > strong { display:block; font-size:22px; letter-spacing:-.05em; margin-bottom:8px; }.metric-card > small { font-size:9px; font-weight:800; }.metric-card small em { font-style:normal; color:#98a4b5; font-weight:500; margin-left:3px; }.positive { color:#20a66b; }.neutral { color:#7e8b9f; }.metric-icon { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; font-size:13px; font-weight:800; }.metric-icon.blue { color:var(--blue); background:#ebf3ff; }.metric-icon.purple { color:#8a62d7; background:#f1ebff; }.metric-icon.green { color:#20a66b; background:#e7f8f0; }.metric-icon.orange { color:#e59642; background:#fff3e5; }.dashboard-grid { display:grid; grid-template-columns:1.43fr 1fr; gap:14px; }.panel { padding:23px; }.panel-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }.panel-heading h2 { font-size:14px; letter-spacing:-.03em; margin:0 0 6px; }.panel-heading p { color:#8a96a9; font-size:10px; margin:0; }.panel-heading select { color:#738097; border:1px solid #e1e8f3; background:#fff; border-radius:7px; padding:8px 9px; font-size:9px; outline:none; }.large-chart { display:flex; margin-top:29px; height:225px; }.y-labels { width:35px; display:flex; flex-direction:column; justify-content:space-between; padding-bottom:29px; color:#a0aabd; font-size:9px; }.chart-area { flex:1; position:relative; }.chart-lines { position:absolute; inset:0 0 29px; display:flex; flex-direction:column; justify-content:space-between; }.chart-lines i { display:block; border-top:1px dashed #e8edf5; }.chart-area svg { width:100%; height:193px; position:relative; }.x-labels { display:flex; justify-content:space-between; color:#9aa6b8; font-size:9px; }.chart-legend { border-top:1px solid var(--line); margin-top:17px; padding-top:16px; display:flex; gap:22px; color:#8591a4; font-size:10px; }.legend-line,.legend-dot { display:inline-block; vertical-align:middle; margin-right:6px; }.legend-line { width:15px; border-top:2px solid var(--blue); }.legend-dot { width:7px; height:7px; border-radius:50%; background:#9cb9ed; }.activity-panel { min-width:0; }.activity-panel .text-link { font-size:10px; white-space:nowrap; }.activity-list { margin-top:22px; }.activity-row { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:10px; padding:13px 0; border-top:1px solid #edf1f7; }.activity-avatar { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-size:10px; font-weight:800; }.green-avatar { color:#15945e; background:#dcf5e9; }.blue-avatar { color:#386ec5; background:#dceaff; }.orange-avatar { color:#bd7227; background:#fff0dc; }.purple-avatar { color:#7d5fc0; background:#ece4ff; }.activity-row strong,.activity-row p,.activity-row small { display:block; }.activity-row strong { font-size:10px; }.activity-row p { color:#8a96a8; font-size:9px; margin:4px 0 0; }.activity-row > div:last-child { text-align:right; }.activity-row > div:last-child strong { color:#1da067; }.activity-row .dark-value { color:#394861 !important; }.activity-row small { color:#9aa5b5; font-size:8px; margin-top:4px; }.bottom-panels { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }.link-icon { color:var(--blue); background:#edf4ff; border-radius:8px; width:28px; height:28px; display:grid; place-items:center; }.copy-field { border:1px solid #e0e8f3; background:#fbfcfe; border-radius:8px; padding:11px 10px 11px 13px; margin-top:20px; display:flex; justify-content:space-between; align-items:center; color:#61718c; font-size:11px; }.copy-field button { border:0; background:transparent; color:var(--blue); font-size:16px; }.copy-message { color:#1fa36b; font-size:10px; }.goal-badge { background:#fff0cf; color:#b77a12; font-size:10px; font-weight:800; border-radius:12px; padding:6px 9px; }.progress-value { margin-top:23px; display:flex; align-items:baseline; gap:6px; }.progress-value strong { font-size:27px; letter-spacing:-.06em; }.progress-value span { color:#8c98aa; font-size:10px; }.progress-track { height:7px; border-radius:10px; background:#edf0f6; margin:13px 0 10px; overflow:hidden; }.progress-track i { display:block; height:100%; border-radius:10px; background:var(--blue); }.progress-hint { color:#8793a7; font-size:10px; margin:0; }.progress-hint strong { color:#394861; }
@media (max-width: 950px) { .hero { grid-template-columns:1fr; padding-top:40px; }.hero-copy { text-align:center; }.hero-text { margin:0 auto; }.hero-actions,.hero-note { justify-content:center; }.hero-visual { margin-top:20px; }.auth-main { grid-template-columns:1fr; max-width:520px; gap:25px; }.auth-aside { min-height:310px; padding:38px; }.auth-aside h1 { font-size:30px; }.metrics-grid { grid-template-columns:repeat(2,1fr); }.dashboard-grid { grid-template-columns:1fr; }.benefits-layout { grid-template-columns:1fr; gap:45px; }.left-heading { text-align:center; margin:auto; } }
@media (max-width: 650px) { .page-shell,.site-header,.auth-header,.auth-main { width:calc(100% - 36px); }.site-header { height:70px; }.header-nav a:not(.button) { display:none; }.hero h1 { font-size:48px; }.hero-visual { transform:scale(.76); margin:0 -55px; min-height:330px; }.trust-strip { flex-wrap:wrap; gap:15px; }.trust-strip > span { width:100%; }.section { padding:75px 0; }.section-heading h2 { font-size:31px; }.steps-grid { grid-template-columns:1fr; }.cta-section { margin-bottom:50px; padding:33px 26px; flex-direction:column; align-items:flex-start; gap:25px; }.cta-section h2 { font-size:27px; }.site-footer { flex-wrap:wrap; gap:14px; padding:22px 0; }.auth-main { padding-top:25px; }.auth-aside { min-height:280px; padding:30px 27px; }.auth-card { padding:30px 23px 25px; }.dashboard-page { display:block; }.sidebar { width:100%; height:auto; padding:15px 14px; border-right:0; border-bottom:1px solid var(--line); }.sidebar .brand { padding:0 5px 17px; }.sidebar-label,.sidebar-bottom { display:none; }.sidebar-nav { flex-direction:row; overflow:auto; }.sidebar-nav a { white-space:nowrap; padding:9px 11px; }.sidebar-nav a span { display:none; }.dashboard-header { padding:28px 18px 22px; display:block; }.dashboard-header h1 { font-size:24px; }.dashboard-user { margin-top:22px; }.dashboard-content { padding:0 18px 35px; }.program-banner { display:block; padding:22px; }.program-banner .button { margin-top:19px; }.metrics-grid { gap:9px; }.metric-card { padding:14px; }.metric-card > strong { font-size:18px; }.metric-top { font-size:9px; }.metric-card small em { display:block; margin:3px 0 0; }.dashboard-grid,.bottom-panels { grid-template-columns:1fr; }.panel { padding:18px 15px; }.chart-panel { overflow:hidden; }.large-chart { min-width:430px; }.auth-header .back-link { font-size:11px; } }

.register-only { display:none; }
.register-mode .register-only { display:block; }
.auth-form input[type=text] { border:1px solid #dce5f2; border-radius:9px; padding:13px 14px; outline:none; color:var(--ink); font-size:13px; margin-bottom:20px; width:100%; }
.auth-form input[type=text]:focus { border-color:var(--blue); box-shadow:0 0 0 3px #2563eb15; }

[hidden] { display:none !important; }
.button:disabled { opacity:.6; cursor:wait; }
.cabinet-page { min-height:100vh; background:var(--soft); }
.cabinet-main { max-width:1060px; padding:50px 0 75px; }
.cabinet-main h1 { font-size:38px; letter-spacing:-.05em; margin:16px 0 12px; }
.cabinet-intro { color:var(--muted); line-height:1.7; max-width:650px; }
.cabinet-account { color:var(--muted); font-size:12px; margin:20px 0; }
.cabinet-main .form-note[data-kind=success] { color:var(--blue); }
.cabinet-section { margin-top:34px; }
.cabinet-section-heading { display:flex; gap:20px; justify-content:space-between; align-items:center; margin-bottom:20px; }
.cabinet-section-heading h2 { font-size:20px; margin:0 0 7px; letter-spacing:-.03em; }
.cabinet-section-heading p { color:var(--muted); font-size:12px; margin:0; line-height:1.6; }
.cabinet-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cabinet-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; color:var(--ink); text-align:left; }
.company-cabinet-card { transition:border-color .2s, box-shadow .2s; }
.company-cabinet-card:hover { border-color:var(--blue); box-shadow:0 8px 25px #2563eb10; }
.cabinet-card:focus-visible { outline:3px solid #9cbfff; outline-offset:3px; }
.cabinet-card .step-icon { margin:0 0 20px; }
.cabinet-card h3 { font-size:16px; overflow-wrap:anywhere; margin:0 0 9px; }
.cabinet-card p { color:var(--muted); font-size:12px; line-height:1.6; margin:0; }
.cabinet-open { display:block; color:var(--blue); font-weight:700; margin-top:24px; font-size:12px; }
.partner-cabinet-card { display:flex; align-items:center; gap:20px; }
.partner-cabinet-card .step-icon { margin:0; flex-shrink:0; }
.partner-cabinet-card .button { margin-left:auto; flex-shrink:0; }
.empty-state { color:var(--muted); font-size:13px; line-height:1.8; margin:0; grid-column:1/-1; padding:15px 0; }
.company-create-form { padding:22px; margin-bottom:20px; background:white; border:1px solid var(--line); border-radius:12px; }
.company-create-form label { display:block; margin-bottom:10px; font-weight:700; font-size:12px; }
.company-form-row { display:flex; gap:10px; }
.company-form-row input { flex:1; min-width:0; border:1px solid #dce5f2; border-radius:9px; padding:12px; font:inherit; }
.company-form-row input:focus { outline:2px solid #9cbfff; }
.partner-welcome-title { font-size:18px; margin-bottom:10px; }
.partner-hint { color:var(--muted); font-size:12px; line-height:1.7; margin:0; }
.company-overview-panel { margin-top:18px; }
.company-leader { display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line); padding:16px 0; font-size:11px; flex-wrap:wrap; }
.company-leader strong { flex:1; min-width:100px; overflow-wrap:anywhere; }.company-leader span,.company-leader small { color:var(--muted); }
.company-rank { color:var(--blue) !important; width:24px; height:24px; display:grid; place-items:center; background:var(--blue-soft); border-radius:50%; flex-shrink:0; }
.company-bars { display:flex; gap:18px; height:240px; align-items:flex-end; margin-top:25px; }
.company-bar-column { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:12px; font-size:10px; color:var(--muted); text-align:center; }
.company-bar { background:var(--blue); width:60%; min-height:2px; border-radius:6px 6px 0 0; }
@media (max-width:800px) { .cabinet-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cabinet-section-heading { align-items:flex-start; flex-direction:column; } }
@media (max-width:650px) { .cabinet-main { padding-top:30px; } .cabinet-main h1 { font-size:30px; } .cabinet-grid { grid-template-columns:1fr; } .partner-cabinet-card { flex-wrap:wrap; } .partner-cabinet-card .button { width:100%; margin:0; } .company-form-row { flex-wrap:wrap; } .company-form-row input { flex-basis:100%; } }