:root{--navy: #16273b;--navy-2: #1f3a5f;--brand: #f5821f;--brand-deep: #d96e0a;--link: #2e8fd6;--ink: #1f3a5f;--ink-soft: #5a6b82;--teal-tint: #eaf3fc;--bg: #f4f8fb;--card: #ffffff;--hairline: #e1e6ec;--input-bg: #ffffff;--row-alt: #f7fafd;--thread-bg: #f8fafc;--green: #1e9e6a;--green-bg: #e3f5ec;--orange: #d96e0a;--orange-bg: #fff1e2;--blue: #2e8fd6;--blue-bg: #e3f1fd;--red: #d64545;--red-bg: #fdecec;--radius: 14px;--font: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif}[data-theme=dark]{--ink: #e8eef5;--ink-soft: #9fb0c3;--bg: #0f1c2e;--card: #16273b;--hairline: #2a4059;--input-bg: #0f1c2e;--row-alt: #132239;--thread-bg: #0f1c2e;--teal-tint: #1d3a52;--green-bg: #123a2c;--orange-bg: #3d2a12;--blue-bg: #173a52;--red-bg: #3d1d1d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{background:var(--card);border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:28px;padding:0 28px;height:64px;position:sticky;top:0;z-index:10}.logo{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--navy);background:none;border:none;cursor:pointer}[data-theme=dark] .logo{color:#fff}.logo span{color:var(--brand)}.mainnav{display:flex;gap:26px;margin:0 auto}.mainnav button{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);padding:20px 4px 16px;position:relative;background:none;border:none;cursor:pointer;font-size:14px}.mainnav button svg{width:18px;height:18px}.mainnav button.active{color:var(--brand-deep)}[data-theme=dark] .mainnav button.active{color:var(--brand)}.mainnav button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}.topright{display:flex;align-items:center;gap:14px}.bell{position:relative;width:38px;height:38px;border:1px solid var(--hairline);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);cursor:pointer;color:var(--ink)}.bell svg{width:18px;height:18px}.bell b{position:absolute;top:-4px;right:-4px;background:var(--brand);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.userchip{display:flex;align-items:center;gap:9px;font-weight:600;background:none;border:none;color:var(--ink);cursor:pointer;font-size:14px}.userchip img{width:36px;height:36px;border-radius:50%;object-fit:cover}.roleseg{display:flex;background:var(--row-alt);border:1.5px solid var(--hairline);border-radius:20px;padding:3px;gap:2px}.roleseg button{border:none;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink-soft);padding:6px 14px;border-radius:16px;cursor:pointer}.roleseg button.on{background:var(--navy-2);color:#fff}[data-theme=dark] .roleseg button.on{background:var(--brand)}.layout{display:flex;gap:20px;padding:20px 22px 40px;max-width:1400px;margin:0 auto;align-items:flex-start}.sidebar{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);width:230px;flex-shrink:0;padding:22px 14px;position:sticky;top:84px}.me{text-align:center;padding-bottom:16px}.me img{width:92px;height:92px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px}.me h3{font-size:16px}.me p{font-size:12px;color:var(--ink-soft)}.sidenav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.sidenav button{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-weight:500;color:var(--ink);background:none;border:none;cursor:pointer;font-size:14px;text-align:left;width:100%}.sidenav button svg{width:18px;height:18px;flex-shrink:0}.sidenav button .chev{margin-left:auto;color:var(--ink-soft);font-size:12px}.sidenav button.active{background:var(--orange-bg);color:var(--brand-deep);font-weight:700}.nav-group{display:flex;flex-direction:column}.sidenav .chev{margin-left:auto;color:var(--ink-soft);font-size:12px;transition:transform .18s ease}.sidenav .chev.open{transform:rotate(180deg)}.subnav{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px 14px;padding-left:10px;border-left:1.5px solid var(--hairline)}.sidenav .subnav button{padding:7px 10px;font-size:12.5px;font-weight:500;color:var(--ink-soft);background:none}.sidenav .subnav button:hover{color:var(--ink)}.sidenav .subnav button.active{background:var(--orange-bg);color:var(--brand-deep);font-weight:700}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:20px 22px}.card-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.card-head h2{font-size:17px;font-weight:700}.card-head svg{width:19px;height:19px}.card-head .chev{margin-left:auto;color:var(--ink-soft)}.card-head .link{margin-left:auto;color:var(--link);font-size:12.5px;font-weight:600;background:none;border:none;cursor:pointer}.btn-brand{display:inline-block;background:var(--brand);color:#fff;font-weight:700;font-size:13px;padding:9px 18px;border-radius:8px;border:none;cursor:pointer}.btn-brand:hover{filter:brightness(.94)}.banner{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(100deg,#0b2540 30%,#123b66 62%,#1b4e86);color:#fff;padding:30px 32px;min-height:150px;display:flex;align-items:center}.banner img.bg{position:absolute;top:0;right:0;height:100%;width:46%;object-fit:cover;opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}.banner .txt{position:relative;z-index:1;max-width:60%}.banner .hello{font-size:17px;opacity:.92}.banner h1{font-size:34px;font-weight:800;margin:2px 0 6px}.banner h1 span{color:var(--brand)}.banner p{font-size:13.5px;opacity:.85}.profile-grid{display:grid;grid-template-columns:130px 1fr 1px 1fr;gap:26px;align-items:start}.photo-wrap{position:relative;width:118px}.photo-wrap img{width:118px;height:118px;border-radius:50%;object-fit:cover;display:block}.photo-wrap .cam{position:absolute;right:2px;bottom:6px;width:32px;height:32px;border-radius:50%;background:var(--navy-2);border:3px solid var(--card);display:flex;align-items:center;justify-content:center}.photo-wrap .cam svg{width:15px;height:15px}.kv{display:grid;grid-template-columns:110px 1fr;row-gap:13px;font-size:13.5px;align-items:center}.kv dt{color:var(--ink-soft)}.kv dd{font-weight:600}.vline{background:var(--hairline);align-self:stretch}.pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 11px;border-radius:20px}.pill.blue{background:var(--blue-bg);color:var(--blue)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.orange{background:var(--orange-bg);color:var(--orange)}.pill.red{background:var(--red-bg);color:var(--red)}.row2{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}table{width:100%;border-collapse:collapse;font-size:12.8px}thead th{text-align:left;color:var(--ink-soft);font-weight:600;font-size:12px;padding:8px 10px;background:var(--row-alt)}tbody td{padding:10px;border-bottom:1px solid var(--hairline)}tbody td:first-child{white-space:nowrap}tbody tr:last-child td{border-bottom:none}.view{color:var(--link);font-weight:600;font-size:12.5px;background:none;border:none;cursor:pointer;padding:0}.view svg{width:14px;height:14px;vertical-align:-2px;margin-right:3px}.page-title{font-size:22px;font-weight:800}.page-sub{font-size:13px;color:var(--ink-soft);margin-top:3px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.chip{font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:20px;border:1.5px solid var(--hairline);color:var(--ink-soft);background:var(--card);cursor:pointer}.chip.on{background:var(--navy-2);border-color:var(--navy-2);color:#fff}[data-theme=dark] .chip.on{color:#fff}.search{margin-left:auto;display:flex;align-items:center;gap:8px;border:1.5px solid var(--hairline);border-radius:9px;padding:8px 13px;background:var(--input-bg);min-width:230px;color:var(--ink-soft);font-size:13px}.search input{border:none;outline:none;font:inherit;width:100%;background:transparent;color:var(--ink)}.total-row{display:flex;justify-content:flex-end;gap:26px;padding:13px 10px 2px;font-size:13.5px}.pager{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;align-items:center;font-size:12.5px;color:var(--ink-soft)}.pager button{min-width:30px;height:30px;border:1.5px solid var(--hairline);border-radius:8px;font-weight:700;color:var(--ink);padding:0 9px;background:var(--card);cursor:pointer}.pager button.on{background:var(--brand);border-color:var(--brand);color:#fff}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.themes input{position:absolute;opacity:0;pointer-events:none}.themes label{border:1.5px solid var(--hairline);border-radius:10px;padding:14px 8px 11px;text-align:center;font-size:12.5px;font-weight:600;cursor:pointer;display:block;color:var(--ink)}.themes label svg{width:22px;height:22px;display:block;margin:0 auto 6px}.themes input:checked+label{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.appear-opts{display:flex;gap:34px;align-items:flex-end;flex-wrap:wrap}.opt small{display:block;color:var(--ink-soft);font-size:12px;margin-bottom:8px}.dot{width:26px;height:26px;border-radius:50%;display:inline-block;border:2px solid var(--card);box-shadow:0 0 0 1px var(--hairline)}.fontsel{position:relative}.fontsel select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:13px;font-weight:600;color:var(--ink);border:1.5px solid var(--hairline);border-radius:8px;padding:9px 34px 9px 12px;background:var(--input-bg);cursor:pointer}.fontsel:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ink-soft);pointer-events:none}.appear-opts .btn-brand{margin-left:auto}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatches input{position:absolute;opacity:0;pointer-events:none}.swatches label{width:40px;height:40px;border-radius:50%;cursor:pointer;display:block;border:3px solid var(--card);box-shadow:0 0 0 1.5px var(--hairline)}.swatches input:checked+label{box-shadow:0 0 0 2px var(--brand)}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.app{border:1px solid var(--hairline);border-radius:10px;padding:16px 10px;text-align:center}.app svg{width:26px;height:26px;margin-bottom:8px}.app h4{font-size:12.5px;margin-bottom:7px}.app p{font-size:11.5px;color:var(--ink-soft)}.app .view{display:inline-block;margin-top:12px}.plan{border:1px solid var(--hairline);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:14px}.plan svg{width:26px;height:26px;flex-shrink:0}.plan h4{font-size:14px}.plan p{font-size:12px;color:var(--ink-soft)}.plan .price{margin-left:auto;font-size:17px;font-weight:800;white-space:nowrap}.subgrid{display:grid;grid-template-columns:repeat(4,auto);gap:8px;justify-content:space-between;font-size:12.8px}.subgrid small{display:block;color:var(--ink-soft);font-size:12px;margin-bottom:4px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{border:1.5px solid var(--hairline);border-radius:12px;padding:22px 20px;text-align:center;position:relative;background:var(--card)}.plan-card.hot{border-color:var(--brand);box-shadow:0 8px 24px #f5821f24}.plan-card .tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:3px 13px;border-radius:12px;white-space:nowrap}.plan-card h3{font-size:15px;margin-bottom:6px}.plan-card .amt{font-size:26px;font-weight:800;margin:4px 0 2px}.plan-card .per{font-size:12px;color:var(--ink-soft)}.plan-card ul{list-style:none;margin:14px 0 18px;font-size:12.8px;display:flex;flex-direction:column;gap:8px}.plan-card ul li:before{content:"✓ ";color:var(--green);font-weight:800}.btn-ghost{display:inline-block;border:1.5px solid var(--hairline);border-radius:8px;padding:9px 20px;font-weight:700;font-size:13px;background:var(--card);color:var(--ink);cursor:pointer}.plan-card.hot .btn-ghost{background:var(--brand);border-color:var(--brand);color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:12.5px;font-weight:600;color:var(--ink-soft)}.field input,.field select,.field textarea{font:inherit;font-size:13.5px;border:1.5px solid var(--hairline);border-radius:9px;padding:10px 13px;color:var(--ink);background:var(--input-bg);outline:none}.field input:focus,.field select:focus{border-color:var(--link)}.pref{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--hairline);font-size:13.5px}.pref:last-child{border-bottom:none}.pref small{display:block;color:var(--ink-soft);font-size:12px;font-weight:400}.switch{margin-left:auto;position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:14px;transition:.15s}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.switch input:checked+i{background:var(--green)}.switch input:checked+i:after{left:23px}.chat-wrap{overflow:hidden;padding:0;display:grid;grid-template-columns:260px 1fr}.convos{border-right:1px solid var(--hairline);padding:14px;display:flex;flex-direction:column;gap:6px}.convos .search{min-width:0;margin:0 0 8px}.convo{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:none;border:none;cursor:pointer;color:var(--ink);text-align:left;width:100%;font:inherit}.convo.on{background:var(--teal-tint)}.convo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar-init{width:40px;height:40px;border-radius:50%;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.avatar-init.navy{background:var(--navy-2);color:#fff}.avatar-init.teal{background:var(--teal-tint);color:var(--link)}.avatar-init.orange{background:var(--orange-bg);color:var(--orange)}.convo h5{font-size:13px}.convo p{font-size:11.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.convo time{margin-left:auto;font-size:10.5px;color:var(--ink-soft)}.thread{display:flex;flex-direction:column;min-height:480px}.thread-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--hairline)}.thread-head h4{font-size:14px}.thread-head small{color:var(--green);font-size:11.5px;font-weight:600}.msgs{flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--thread-bg);overflow-y:auto;max-height:460px}.msg{max-width:72%;padding:10px 14px;border-radius:13px;font-size:13px}.msg.them{background:var(--card);border:1px solid var(--hairline);align-self:flex-start;border-top-left-radius:4px}.msg.me{background:var(--navy-2);color:#fff;align-self:flex-end;border-top-right-radius:4px}.msg small{display:block;font-size:10.5px;opacity:.65;margin-top:4px}.compose{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--hairline)}.compose input{flex:1;font:inherit;font-size:13.5px;border:1.5px solid var(--hairline);border-radius:9px;padding:10px 13px;outline:none;background:var(--input-bg);color:var(--ink)}.nitem{display:flex;gap:13px;padding:14px 4px;border-bottom:1px solid var(--hairline);align-items:flex-start}.nitem:last-child{border-bottom:none}.nicon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nicon svg{width:18px;height:18px}.nicon.b{background:var(--blue-bg)}.nicon.g{background:var(--green-bg)}.nicon.o{background:var(--orange-bg)}.nitem p{font-size:13.5px}.nitem time{font-size:12px;color:var(--ink-soft)}.nitem .unread{width:9px;height:9px;border-radius:50%;background:var(--brand);margin-left:auto;margin-top:6px;flex-shrink:0}.day-label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 2px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--navy-2);color:#fff;font-size:13.5px;font-weight:600;padding:12px 22px;border-radius:10px;box-shadow:0 10px 30px #00000040;z-index:50}@media(max-width:1100px){.row2{grid-template-columns:1fr}.profile-grid{grid-template-columns:118px 1fr}.vline{display:none}.profile-grid .kv.right{grid-column:1 / -1}.sidebar{display:none}.mainnav{gap:14px}.banner .txt{max-width:100%}.banner img.bg{opacity:.25;width:100%;-webkit-mask-image:none;mask-image:none}.plans,.form-grid,.chat-wrap{grid-template-columns:1fr}.convos{border-right:none;border-bottom:1px solid var(--hairline)}}