:root{--bg:#fff;--bg-subtle:#fafafa;--bg-muted:#f5f5f5;--fg:#0a0a0a;--fg-muted:#525252;--fg-subtle:#a3a3a3;--fg-on-brand:#fff;--border:#e5e5e5;--border-strong:#d4d4d4;--brand:#4450f7;--brand-hover:#3742d6;--brand-subtle:#eef0fe;--danger:#ef4444;--success:#16a34a;--warning:#f59e0b;--info:#3b82f6;--radius:12px;--radius-sm:8px;--radius-lg:16px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--brand-display:#6973f9;--brand-deep:#3d51ff}.dark{--bg:#0a0a0a;--bg-subtle:#171717;--bg-muted:#262626;--fg:#fafafa;--fg-muted:#a3a3a3;--fg-subtle:#737373;--border:#262626;--border-strong:#404040;--brand:#6470f9;--brand-hover:#7b84f9;--brand-subtle:#1e1f47;--danger:#f87171;--success:#4ade80;--warning:#fbbf24;--info:#60a5fa}*{box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font);color:var(--fg);background:var(--bg);margin:0}a{color:inherit;text-decoration:none}.container{gap:16px;max-width:420px;margin:0 auto;padding:64px 24px;display:grid}.btn{border-radius:var(--radius-sm);background:var(--brand);height:44px;color:var(--fg-on-brand);cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.field{gap:6px;display:grid}.field input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);height:44px;color:var(--fg);padding:0 12px}.auth{grid-template-columns:minmax(0,656fr) minmax(0,624fr);width:100%;min-height:100vh;display:grid}@supports (min-height:100dvh){.auth{min-height:100dvh}}.auth-left{min-height:inherit;background:var(--bg);flex-direction:column;padding:40px 39px;display:flex;position:relative}.auth-right{background-image:url("data:image/svg+xml,%3csvg%20width='624'%20height='832'%20viewBox='0%200%20624%20832'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_0_224'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='624'%20height='832'%3e%3crect%20width='624'%20height='832'%20fill='url(%23paint0_linear_0_224)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_224)'%3e%3cpath%20d='M463.212%20117L418.897%20124.66L416%20125.207L509.438%20276.831L584.138%20289.841L463.212%20117Z'%20fill='%233D51FF'/%3e%3cpath%20d='M296.212%20-47L251.897%20-39.3398L249%20-38.7926L342.438%20112.831L417.138%20125.841L296.212%20-47Z'%20fill='%233D51FF'/%3e%3cpath%20d='M509.212%20277L464.897%20284.66L462%20285.207L555.438%20436.831L630.138%20449.841L509.212%20277Z'%20fill='%233D51FF'/%3e%3cpath%20d='M585.212%20123L540.897%20130.66L538%20131.207L631.438%20282.831L706.138%20295.841L585.212%20123Z'%20fill='%233D51FF'/%3e%3cpath%20d='M417.212%20-42L372.897%20-34.3398L370%20-33.7926L463.438%20117.831L538.138%20130.841L417.212%20-42Z'%20fill='%233D51FF'/%3e%3cpath%20d='M587.628%2095.271L511.154%20108.612L415.962%20262.119L463.989%20270.464L587.628%2095.271Z'%20fill='%23DF0B0C'/%3e%3cpath%20d='M-6.87458%20690.317L-51.1897%20697.977L-54.0864%20698.524L39.3512%20850.148L114.052%20863.158L-6.87458%20690.317Z'%20fill='%233D51FF'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_0_224'%20x1='4.57806e-06'%20y1='499.419'%20x2='624'%20y2='332.581'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.328281'%20stop-color='%23F2F1F2'/%3e%3cstop%20offset='1'%20stop-color='%23DFE1F9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"),linear-gradient(79deg,#f2f1f2 33%,#dfe1f9 100%);background-position:50%,50%;background-size:cover,cover;position:relative;overflow:hidden}.auth-logo{align-self:flex-start;width:auto;height:47px}.auth-form{flex-direction:column;gap:24px;width:385px;max-width:100%;margin:auto;display:flex}.auth-heading{color:#404040;margin:0;font-size:24px;font-weight:700;line-height:34px}.auth-fields{flex-direction:column;gap:16px;display:flex}.pg-label{color:#404040;font-size:14px;font-weight:500;line-height:20px}.pg-input-group{gap:4px;display:grid}.pg-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 8px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pg-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.pg-input:focus-within.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441f}.pg-input input{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14px}.pg-input input::placeholder{color:var(--fg-subtle)}.pg-eye{cursor:pointer;color:#a3a3a3;background:0 0;border:0;flex:none;padding:2px;display:inline-flex}.pg-eye:hover{color:var(--fg-muted)}.pg-helper-error{color:var(--danger);margin:0;font-size:12px;line-height:16px}.forgot-link{color:#6366f1;align-self:flex-end;font-size:14px;font-weight:500;line-height:20px}.forgot-link:hover{text-decoration:underline}.pw-conditions{flex-direction:column;gap:4px;display:flex}.pw-cond{color:var(--fg-subtle);align-items:center;gap:4px;font-size:12px;line-height:16px;display:flex}.pw-cond.met{color:var(--fg-subtle)}.pw-cond svg{flex:none}.agree-row{color:var(--fg);align-items:center;gap:8px;font-size:12px;line-height:20px;display:flex}.agree-check{appearance:none;border:1px solid var(--border-strong);background:var(--bg);cursor:pointer;border-radius:4px;flex:none;place-content:center;width:14px;height:14px;margin:0;display:inline-grid}.agree-check:checked{background:#6366f1;border-color:#6366f1}.agree-check:checked:before{content:"";clip-path:polygon(14% 51%,0 63%,37% 100%,100% 22%,87% 10%,37% 77%);background:#fff;width:9px;height:9px}.agree-link{color:#6366f1;cursor:pointer}.pg-btn-primary{color:#fafafa;height:32px;font:inherit;cursor:pointer;background:#4f46e5;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:20px;transition:background .15s;display:inline-flex}.pg-btn-primary:hover:not(:disabled){background:var(--brand-hover)}.pg-btn-primary:disabled{opacity:.45;cursor:not-allowed}.auth-alt{color:var(--fg-subtle);justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:500;line-height:20px;display:flex}.auth-alt a{color:#6366f1}.auth-alt a:hover{text-decoration:underline}.auth-footer{color:var(--fg-subtle);align-items:center;gap:40px;margin-top:auto;padding-top:32px;font-size:14px;font-weight:500;line-height:20px;display:flex}.auth-footer .spacer{flex:1}.auth-footer .lang-active{color:#6366f1}.auth-art-copy{z-index:1;position:absolute;bottom:186px;left:40px}.auth-art-kicker{color:#404040;margin:0 0 51px 5px;font-size:18px;line-height:28px}.auth-art-word{letter-spacing:-.02em;margin:0;font-size:56px;font-weight:800;line-height:72px}.auth-art-word.smart{color:var(--brand-display)}.auth-art-word.payment{color:var(--brand-deep)}@media (width<=900px){.auth{grid-template-columns:1fr;min-height:auto}.auth-right{display:none}}@media (width<=640px){.auth-left{padding:24px 20px}.auth-logo{height:36px}.auth-form{width:100%;margin:28px auto 0}.auth-heading{font-size:21px;line-height:30px}.pg-input{border-radius:var(--radius-sm);height:42px;padding:0 10px}.pg-eye{padding:8px 2px}.pg-btn-primary{border-radius:var(--radius-sm);height:44px;font-weight:600}.pw-conditions{gap:6px}.agree-row{align-items:flex-start;font-size:13px;line-height:18px}.agree-row .agree-check{margin-top:2px}.auth-footer{flex-wrap:wrap;gap:8px 16px;padding-top:28px;font-size:13px}}.app-shell{grid-template-columns:var(--sidebar-width,140px) 1fr;min-height:100vh;transition:grid-template-columns .3s;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:8px;height:100vh;padding:10px 6px;transition:width .3s,padding .3s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.sidebar-toggle{border:1px solid var(--border);background:var(--bg);width:24px;height:24px;color:var(--fg-muted);cursor:pointer;z-index:20;pointer-events:auto;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.sidebar-toggle:hover{background:var(--bg-muted);color:var(--fg);border-color:var(--border-strong)}.sidebar-toggle svg{width:12px;height:12px}.sidebar-close{width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:none}.sidebar-close:hover{background:var(--bg-muted);color:var(--fg)}.app-shell.collapsed{--sidebar-width:48px}.app-shell.collapsed .sidebar{align-items:center;padding:10px 4px}.app-shell.collapsed .sidebar-logo-name,.app-shell.collapsed .sidebar-nav-text,.app-shell.collapsed .sidebar-section-label{display:none}.app-shell.collapsed .sidebar-logo{justify-content:center}.app-shell.collapsed .sidebar-nav-item{justify-content:center;padding:6px}.app-shell.collapsed .sidebar-nav{align-items:center}.sidebar-logo{align-items:center;gap:6px;padding:0 4px;display:flex}.sidebar-logo img{width:auto;height:20px}.sidebar-logo-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-section{flex-direction:column;gap:2px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle);padding:0 10px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:1px;display:flex}.sidebar-nav-item{color:var(--fg-muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:5px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-muted);color:var(--fg)}.sidebar-nav-item.active{background:var(--brand-subtle);color:var(--brand)}.sidebar-nav-item svg{flex-shrink:0;width:16px;height:16px}.sidebar-nav-icon{flex-shrink:0;font-size:14px;line-height:1}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:8px}.main-content{background:var(--bg-subtle);flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:8px 24px;display:flex;position:sticky;top:0}.topbar-title{color:var(--fg);font-size:16px;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.page-content{flex:1;padding:32px}.mobile-menu-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:40px;height:40px;color:var(--fg-muted);cursor:pointer;z-index:30;flex:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:none}.mobile-menu-btn:hover{background:var(--bg-muted);color:var(--fg);border-color:var(--border-strong)}.topbar-left{align-items:center;gap:12px;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#00000080;display:none;position:fixed;inset:0}.app-shell.mobile-open .sidebar-overlay{display:block}.app-shell.mobile-open{overflow:hidden}@media (width<=768px){.app-shell{min-height:100vh;display:block;position:relative}.app-shell.collapsed{grid-template-columns:1fr}.sidebar{z-index:120;width:280px;max-width:85%;height:100dvh;padding:10px 6px;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 12px #00000026}.app-shell.mobile-open .sidebar{transform:translate(0)}.sidebar-toggle{display:none}.sidebar-close,.mobile-menu-btn{display:inline-flex}.sidebar-header{border-bottom:1px solid var(--border);padding:16px}.sidebar-nav{flex:1;padding:8px 12px;overflow-y:auto}.sidebar-section{margin:12px 0}.sidebar-section-label{padding:4px 10px;font-size:11px}.sidebar-nav-item{text-align:left;justify-content:flex-start;width:100%;padding:10px 12px}.sidebar-nav-icon{min-width:18px;margin-right:10px}.topbar-left{align-items:center;display:flex}.topbar-title{margin-left:12px}.page-content{padding:16px}.main-content{min-height:100dvh}}.content-section{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);padding:28px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:24px;display:grid}.section-title{color:var(--fg);word-break:break-word;margin:0 0 6px;font-size:20px;font-weight:700;line-height:28px}.section-subtitle{color:var(--fg-muted);margin:0 0 20px;font-size:14px;line-height:20px}.subsection-title{color:var(--fg);margin:0 0 12px;font-size:15px;font-weight:600;line-height:22px}.info-block{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:24px;padding:20px}.info-block .section-subtitle{margin-bottom:0}.profile-name{color:var(--fg);word-break:break-word;margin:0;font-size:16px;font-weight:600}.profile-email{color:var(--fg-muted);word-break:break-all;margin:2px 0 0;font-size:13px}.btn-sm{border-radius:6px;align-self:flex-start;height:32px;margin-top:10px;padding:0 12px;font-size:12px;font-weight:500}.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;max-width:320px;height:40px;color:var(--fg);font:inherit;cursor:pointer;margin-top:10px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:block}.form-select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #4450f726}.stat-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:20px;display:flex}.stat-card-label{color:var(--fg-muted);font-size:13px;font-weight:500}.stat-card-value{color:var(--fg);font-size:28px;font-weight:700}.stat-card-delta{font-size:13px;font-weight:500}.stat-card-delta.positive{color:var(--success)}.stat-card-delta.negative{color:var(--danger)}.stat-card-delta.warning{color:var(--warning)}.recent-activity{margin-top:24px}.recent-activity h3{margin:0 0 16px;font-size:16px;font-weight:600}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.activity-avatar{background:var(--brand-subtle);width:36px;height:36px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.activity-details{flex:1;min-width:0}.activity-who{color:var(--fg);font-size:14px;font-weight:600}.activity-what{color:var(--fg-muted);font-size:13px}.activity-when{color:var(--fg-subtle);white-space:nowrap;font-size:12px}.profile-card{background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.profile-avatar{background:var(--brand);width:56px;height:56px;color:var(--fg-on-brand);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.profile-info h3{margin:0;font-size:16px;font-weight:600}.profile-info p{color:var(--fg-muted);margin:2px 0 0;font-size:13px}@media (width<=768px) and (width>=481px){.stat-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:19px}.profile-card{padding:18px}}@media (width<=480px){.topbar{padding:8px 12px}.topbar-title{font-size:15px}.page-content{padding:12px}.content-section{padding:16px}.section-title{font-size:17px;line-height:24px}.section-subtitle{font-size:13px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:14px}.stat-card-value{font-size:22px}.activity-item{align-items:flex-start;gap:10px;padding:10px 12px}.activity-avatar{width:32px;height:32px;font-size:13px}.activity-who{font-size:13px}.activity-what{font-size:12px}.activity-when{font-size:11px}.profile-card{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.profile-avatar{width:48px;height:48px;font-size:18px}.info-block{padding:14px}.form-select{max-width:100%;height:44px}.sidebar{width:260px}}