:root{--bg: #f4f6fa;--card: #ffffff;--line: #e5e9f2;--txt: #1f2733;--sub: #6b7a99;--acc: #1677ff;--acc-soft: #e8f1ff;--ok: #10a35a;--ok-soft: #e6f7ef;--warn: #d97706;--warn-soft: #fef3e2;--err: #e5484d;--err-soft: #fdebec;--shadow: 0 1px 3px rgba(31, 39, 51, .06), 0 1px 2px rgba(31, 39, 51, .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;font-size:14px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;padding:12px 28px;border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;box-shadow:var(--shadow)}header h1{font-size:17px;letter-spacing:.2px}header h1 span{color:var(--acc)}nav{display:flex;gap:2px;flex-wrap:wrap}nav button{background:none;border:none;color:var(--sub);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s}nav button:hover{background:var(--bg);color:var(--txt)}nav button.on{background:var(--acc-soft);color:var(--acc);font-weight:600}.who{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:13px;color:var(--sub)}.account-menu{position:relative}.account-trigger{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--txt);padding:6px 10px;cursor:pointer;font-size:13px}.account-trigger:hover{border-color:var(--sub)}.account-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:10;min-width:132px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.account-name{padding:8px 10px;color:var(--sub);font-size:12px;white-space:nowrap;border-bottom:1px solid var(--line)}.account-dropdown button{display:block;width:100%;border:0;border-radius:5px;background:transparent;color:var(--txt);padding:8px 10px;text-align:left;cursor:pointer;font-size:13px}.account-dropdown button:hover{background:var(--bg)}.account-dropdown button.danger{color:var(--err)}.profile-page{max-width:1080px;margin:0 auto}.profile-hero{display:flex;align-items:center;gap:16px;padding:24px 26px;margin-bottom:18px;color:#fff;border-radius:14px;background:linear-gradient(120deg,#0b5cab,#1784ce);box-shadow:0 10px 24px #0b5cab33}.profile-mark{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:14px;background:#ffffff29;font-size:23px;font-weight:700}.profile-title-row{display:flex;align-items:center;gap:10px}.profile-title-row h2{margin:0;font-size:21px}.profile-title-row .tag{color:var(--txt);background:#fff}.profile-hero p{margin:6px 0 0;color:#ffffffc7;font-size:13px}.profile-joined{margin-left:auto;color:#ffffffc7;font-size:13px}.profile-section{margin-bottom:18px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow)}.profile-section-heading{display:flex;justify-content:space-between;margin-bottom:18px}.profile-section h3{margin:0;font-size:16px}.profile-section-heading p{margin:6px 0 0;color:var(--sub);font-size:13px}.profile-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.profile-fields>div{min-height:76px;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-fields span{display:block;margin-bottom:8px;color:var(--sub);font-size:12px}.profile-fields strong{display:block;overflow:hidden;color:var(--txt);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.profile-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}.profile-password-form label{margin-top:0}@media (max-width: 760px){.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-joined{width:100%;margin-left:68px}.profile-fields,.profile-password-form{grid-template-columns:1fr}}main{max-width:1180px;margin:0 auto;padding:24px 20px 48px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card h3{font-size:15px;margin-bottom:12px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:16px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;box-shadow:var(--shadow)}.kpi b{font-size:24px;display:block;margin-bottom:4px}.tag{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;background:var(--bg);color:var(--sub);white-space:nowrap;border:none}.tag.ok{color:var(--ok);background:var(--ok-soft)}.tag.warn{color:var(--warn);background:var(--warn-soft)}.tag.err{color:var(--err);background:var(--err-soft)}.tag.acc{color:var(--acc);background:var(--acc-soft)}.row{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--sub);margin:5px 0}.row b{color:var(--txt);font-weight:600}.price{font-size:22px;font-weight:700;color:var(--ok)}button.act{background:var(--acc);border:none;color:#fff;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:500;transition:opacity .15s}button.act:hover{opacity:.88}button.act.gray{background:#fff;color:var(--sub);border:1px solid var(--line)}button.act.gray:hover{color:var(--txt);border-color:var(--sub);opacity:1}button.act.red{background:var(--err)}button.act.green{background:var(--ok)}button.act.sm{padding:5px 12px;font-size:12px}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:8px 12px;font-size:13px;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #1677ff1f}input:disabled{background:var(--bg);color:var(--sub)}label{font-size:12px;color:var(--sub);display:block;margin:10px 0 4px}.form2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}th{color:var(--sub);font-weight:500;font-size:12px;background:#fafbfd}tr:hover td{background:#fafbfd}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--line);padding:12px 20px;border-radius:10px;font-size:13px;z-index:9;box-shadow:0 6px 24px #1f273324}.muted{color:var(--sub);font-size:13px}.auth-wrap{max-width:460px;margin:56px auto;padding:0 16px}.auth-wrap h2{text-align:center;margin-bottom:20px;font-size:22px}.auth-wrap h2 span{color:var(--acc)}.switch{text-align:center;margin-top:14px;font-size:13px;color:var(--sub)}.switch a,a.link{color:var(--acc);cursor:pointer}.field-err input,.field-err select{border-color:var(--err)}.err-text{color:var(--err);font-size:12px;margin-top:4px}.steps{display:flex;justify-content:center;gap:28px}.step{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--sub);position:relative}.step .dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);font-size:13px}.step.done{color:var(--ok)}.step.done .dot{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.step.active{color:var(--acc);font-weight:600}.step.active .dot{background:var(--acc-soft);border-color:var(--acc);color:var(--acc)}:root{--bg: #f3f7fb;--card: #fff;--surface-2: #f8fbfd;--line: #dce7ef;--txt: #102a43;--sub: #647b8f;--navy: #06263d;--navy-2: #0a3d59;--acc: #087e8b;--acc-2: #05a8a0;--acc-soft: #e5f7f6;--ok: #0a9b6c;--ok-soft: #e2f7ef;--warn: #d88918;--warn-soft: #fff5df;--err: #d94b5b;--err-soft: #fdecef;--shadow: 0 12px 34px rgba(15, 52, 72, .08);--shadow-lg: 0 28px 70px rgba(4, 34, 52, .2);--radius: 16px;--ease: cubic-bezier(.2,.8,.2,1)}body{background:radial-gradient(circle at 10% 0,#e7f7f7 0,transparent 26rem),var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:-.01em}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(5,168,160,.24);outline-offset:2px}.app-header{min-height:72px;padding:10px 30px;gap:26px;border:0;border-bottom:1px solid rgba(220,231,239,.9);background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 5px 24px #0f34480d}.brand-mark{display:flex;align-items:center;gap:12px;color:#fff}.brand-symbol{position:relative;display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--acc-2),#08718d);box-shadow:0 10px 24px #05a8a040;font-size:13px;font-weight:800;letter-spacing:-.08em}.brand-symbol i{position:absolute;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:50%;transform:translate(11px,-12px)}.brand-copy{display:flex;flex-direction:column}.brand-copy b{color:inherit;font-size:20px;letter-spacing:-.04em}.brand-copy b span{color:#4fe1d4}.brand-copy small{margin-top:2px;color:#ffffff9e;font-size:11px;letter-spacing:.08em}.brand-mark.compact{color:var(--navy)}.brand-mark.compact .brand-symbol{width:38px;height:38px;border-radius:12px}.brand-mark.compact .brand-copy b{font-size:18px}.brand-mark.compact .brand-copy b span{color:var(--acc)}.app-header nav{flex:1;justify-content:center;gap:4px}.app-header nav button{position:relative;padding:10px 14px;border-radius:10px;color:#62798c;font-weight:600}.app-header nav button:hover{color:var(--navy);background:#eef6f8;transform:translateY(-1px)}.app-header nav button.on{color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px #087e8b14}.app-header nav button.on:after{position:absolute;right:14px;bottom:4px;left:14px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--acc),var(--acc-2));content:""}.header-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.language-menu,.user-menu{position:relative}.language-orb{display:flex;align-items:center;justify-content:center;gap:3px;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--navy);background:#fff;box-shadow:0 8px 24px #0f344814;cursor:pointer;transition:.2s var(--ease)}.language-orb:hover{border-color:#94d7d4;color:var(--acc);transform:translateY(-2px)}.language-orb span{font-size:19px}.language-orb b{font-size:9px;letter-spacing:.04em}.language-popover,.user-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:30;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-lg);animation:pop .18s var(--ease)}.language-popover{width:min(420px,calc(100vw - 28px));padding:14px}.popover-title,.menu-caption{padding:2px 5px 10px;color:var(--sub);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:330px;overflow:auto}.language-grid button,.user-popover button{border:0;border-radius:9px;color:var(--txt);background:transparent;padding:9px;text-align:left;cursor:pointer}.language-grid button:hover,.language-grid button.active,.user-popover button:hover{color:var(--acc);background:var(--acc-soft)}.user-trigger{display:flex;align-items:center;gap:9px;min-width:166px;padding:5px 9px 5px 5px;border:1px solid var(--line);border-radius:14px;color:var(--txt);background:#fff;cursor:pointer}.user-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--navy-2),var(--acc));font-weight:800}.user-copy{min-width:0;display:flex;flex:1;flex-direction:column;text-align:left}.user-copy b{max-width:112px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.user-copy small{color:var(--sub);font-size:10px}.user-popover{min-width:176px;padding:8px}.user-popover button{width:100%}.user-popover .danger{color:var(--err)}main{max-width:1240px;padding:34px 24px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px}.page-heading>div>span,.eyebrow{display:block;margin-bottom:7px;color:var(--acc);font-size:10px;font-weight:800;letter-spacing:.16em}.page-heading h2{color:var(--navy);font-size:28px;letter-spacing:-.04em}.page-heading p{margin-top:7px;color:var(--sub)}.page-actions{flex-shrink:0}.card,.profile-section,.kpi{border:1px solid rgba(220,231,239,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px}.card:hover{border-color:#c9e1e4}.grid{gap:20px}.kpis{gap:16px}.kpi{position:relative;overflow:hidden;padding:20px;text-align:left}.kpi:before{position:absolute;top:0;right:0;width:70px;height:70px;border-radius:0 0 0 70px;background:linear-gradient(135deg,transparent,var(--acc-soft));content:""}.kpi b{position:relative;color:var(--navy);font-size:28px}.tag{padding:4px 10px;font-weight:700}.price{color:var(--acc);font-size:25px}button.act{min-height:38px;border-radius:10px;background:linear-gradient(135deg,var(--acc),var(--acc-2));box-shadow:0 8px 18px #087e8b2e;font-weight:700;transition:.18s var(--ease)}.act:hover:not(:disabled){opacity:1;transform:translateY(-1px);box-shadow:0 11px 24px #087e8b3d}.act:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.55}.act.gray{box-shadow:none}input,select,textarea{min-height:42px;border-color:#d6e4ec;border-radius:10px;background:#fbfdfe}.auth-card input,.auth-card select,.auth-card textarea{min-height:48px}.data-table-wrap,.card:has(table){overflow-x:auto}table{min-width:680px}th{padding:13px;color:#657c8d;background:#f3f8fa;font-weight:700;text-transform:uppercase;letter-spacing:.04em}td{padding:13px}tr:hover td{background:#f7fbfb}.toast{z-index:99;border:0;border-radius:13px;box-shadow:var(--shadow-lg);font-weight:700}.empty-state{display:grid;place-items:center;min-height:220px;padding:38px;text-align:center}.empty-state>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:18px;color:var(--acc);background:var(--acc-soft);font-size:24px}.empty-state h3{color:var(--navy)}.empty-state p{margin-top:6px;color:var(--sub)}.auth-shell{position:relative;display:grid;grid-template-columns:minmax(420px,46%) 1fr;min-height:100vh;overflow:hidden;background:#f7fbfc}.auth-brand-panel{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:44px 54px;color:#fff;background:radial-gradient(circle at 72% 20%,rgba(37,215,202,.24),transparent 26%),linear-gradient(145deg,#041e31,#073c55 55%,#087e8b 130%)}.auth-brand-panel:after{position:absolute;right:-160px;bottom:-180px;width:480px;height:480px;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:""}.auth-utility{position:fixed;top:24px;right:28px;z-index:40}.auth-promise{position:relative;z-index:2;max-width:560px}.auth-promise>span{display:inline-flex;padding:7px 11px;border:1px solid rgba(90,238,224,.32);border-radius:99px;color:#7ef0e5;background:#087e8b2e;font-size:11px;font-weight:800;letter-spacing:.08em}.auth-promise h1{margin:18px 0 14px;max-width:620px;font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.055em}.auth-promise p{max-width:500px;color:#ffffffad;font-size:16px;line-height:1.8}.trust-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:18px;color:#ffffffa8;font-size:12px}.travel-orbit{position:absolute;top:23%;right:-30px;width:250px;height:250px;border:1px solid rgba(101,236,224,.22);border-radius:50%}.travel-orbit:before,.travel-orbit:after{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border:1px dashed rgba(255,255,255,.13);border-radius:50%;content:""}.travel-orbit:after{top:66px;right:66px;bottom:66px;left:66px}.travel-orbit span{position:absolute;top:13px;left:38px;color:#63e7db;font-size:24px}.travel-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#63e7db;box-shadow:0 0 18px #63e7db}.travel-orbit i:nth-child(1){top:46px;right:31px}.travel-orbit i:nth-child(2){bottom:28px;left:61px}.travel-orbit i:nth-child(3){top:122px;left:11px}.auth-form-panel{display:grid;place-items:center;overflow-y:auto;padding:84px 7vw 46px}.auth-card{width:min(100%,460px)}.auth-card-wide{width:min(100%,760px)}.auth-card-head{margin-bottom:24px}.auth-card-head h2{color:var(--navy);font-size:30px;letter-spacing:-.04em}.auth-card-head p{margin-top:7px;color:var(--sub)}.auth-lead{margin:-12px 0 20px;line-height:1.7}.auth-card>.card{padding:28px;border:0;box-shadow:0 24px 65px #0f34481f}.registration-card>.card{max-height:calc(100vh - 210px);overflow-y:auto}.security-note{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid #cce8e6;border-radius:12px;color:var(--acc);background:var(--acc-soft)}.security-note span{font-size:20px}.security-note div{display:flex;flex-direction:column}.security-note small{margin-top:2px;color:var(--sub)}.switch{margin-top:18px}.switch a{font-weight:700}.profile-hero{border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(89,233,220,.3),transparent 30%),linear-gradient(125deg,var(--navy),var(--acc))}@keyframes pop{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}@media (max-width: 1050px){.app-header{padding-inline:18px;gap:12px}.app-header nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.auth-shell{grid-template-columns:38% 1fr}.auth-brand-panel{padding:36px}.auth-promise h1{font-size:38px}.user-copy{display:none}.user-trigger{min-width:0}.profile-fields{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.app-header{min-height:64px;padding:8px 12px}.brand-copy{display:none}.language-orb{width:42px;height:42px}.user-trigger{border-radius:50%;padding:3px}.user-trigger>span:last-child{display:none}.app-header nav button{padding:9px 11px;white-space:nowrap}.auth-shell{display:block;min-height:100vh}.auth-brand-panel{min-height:220px;padding:26px 24px 34px}.auth-promise{margin-top:40px}.auth-promise>span,.auth-promise p,.trust-row,.travel-orbit{display:none}.auth-promise h1{margin:0;max-width:85%;font-size:30px}.auth-form-panel{display:block;margin-top:-22px;padding:0 18px 36px;position:relative;z-index:3}.auth-card{width:100%;padding:24px;border-radius:22px;background:#fff;box-shadow:var(--shadow-lg)}.auth-card>.card{padding:0;box-shadow:none}.registration-card>.card{max-height:none;overflow:visible}.auth-utility{top:18px;right:18px}.form2,.profile-fields,.profile-password-form{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h2{font-size:24px}main{padding:24px 14px 48px}.grid{grid-template-columns:1fr}.language-popover{position:fixed;top:72px;right:14px}.steps{gap:10px}.step{font-size:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}