:root{color:#20251f;background:linear-gradient(135deg,#e7ede2e6,#f8faf5f5),radial-gradient(circle at 15% 20%,rgba(71,110,86,.16),transparent 32%);font-family:Aptos,Segoe UI,sans-serif}body{margin:0}button,input,select{font:inherit}button{min-height:38px;border:0;border-radius:7px;background:#244834;color:#fff;cursor:pointer;padding:0 14px}button:hover{background:#183324}button.secondary{background:#e6ede2;color:#244834;border:1px solid #c8d4c2}button.secondary:hover{background:#d9e5d3}button.danger{border-color:#b91c1c;color:#991b1b;background:#fff7f7}button.danger:hover{background:#fee2e2}button.link-button{background:transparent;color:#244834;border:1px solid transparent;text-decoration:underline}button.link-button:hover{background:#eef4eb;border-color:#c8d4c2}main{max-width:1060px;margin:0 auto;padding:24px}.public-page{min-height:100vh;display:grid;align-items:center}.auth-shell,.challenge-shell{min-height:100vh;display:grid;place-items:center}.challenge-panel{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:24px;text-align:center}.turnstile-widget{min-height:66px;display:grid;place-items:center;margin:14px 0}.auth-panel,.panel{border:1px solid #d4ddcf;border-radius:8px;background:#fffffff0;box-shadow:0 18px 60px #263d2e1f}.auth-panel{width:min(560px,calc(100vw - 32px));padding:24px}.auth-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.auth-header>:first-child{justify-self:start}.auth-header>:last-child{justify-self:end}.auth-brand{color:#244834;font-size:40px;line-height:1;text-align:center}.language-toggle{width:42px;min-width:42px;padding:0;display:inline-grid;place-items:center}.language-glyph{position:relative;width:25px;height:24px;display:block;transform:translate(1px)}.language-glyph-zh,.language-glyph-en{position:absolute;display:grid;place-items:center;font-weight:800;line-height:1}.language-glyph-zh{top:0;left:1px;font-size:17px}.language-glyph-en{right:0;bottom:0;width:14px;height:14px;border-radius:50%;background:#244834;color:#fff;font-size:9px}.language-toggle:hover .language-glyph-en{background:#183324}.wide-panel{padding:20px}.user-workspace>.panel{width:60%;box-sizing:border-box;margin-right:auto;margin-left:auto}.user-workspace>.tutorial-panel{width:100%}.topbar{display:grid;gap:10px;margin-bottom:16px}.topbar-row{display:flex;gap:18px;align-items:center;justify-content:space-between;min-width:0}.brand-name{flex:0 0 auto;margin:0;color:#244834;font-size:34px;font-weight:800;line-height:1}.workspace-title{font-size:25px}.top-actions,.language-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;min-width:0}.profile-menu{position:relative}.profile-menu summary{list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu-trigger{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b9c7b4;border-radius:50%;background:#edf3ea;cursor:pointer}.profile-menu-trigger:hover,.profile-menu[open] .profile-menu-trigger{background:#dce8d7;border-color:#244834}.avatar-icon{width:22px;height:24px;display:grid;justify-items:center;align-content:center}.avatar-head{width:8px;height:8px;border-radius:50%;background:#244834}.avatar-body{width:18px;height:9px;margin-top:3px;border-radius:9px 9px 4px 4px;background:#244834}.profile-menu-content{position:absolute;top:calc(100% + 8px);right:0;z-index:15;width:190px;display:grid;gap:3px;padding:6px;border:1px solid #c8d4c2;border-radius:8px;background:#fff;box-shadow:0 16px 42px #0c140e33}.profile-menu-content button{width:100%;min-height:40px;justify-content:flex-start;border-radius:6px;background:transparent;color:#244834;text-align:left}.profile-menu-content button:hover{background:#eef4eb}.profile-menu-content .profile-menu-signout{margin-top:3px;border-top:1px solid #d9e2d5;color:#991b1b}.id-chip{display:flex;gap:8px;align-items:center;border:1px solid #c8d4c2;border-radius:8px;background:#f4f8f0;padding:6px 8px;max-width:100%}.id-chip span{overflow-wrap:anywhere}h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:30px}h2{margin:0 0 14px}h3{margin:10px 0}.eyebrow{margin:0 0 4px;color:#5c6f5f;font-size:13px;font-weight:700;text-transform:uppercase}.role-pill{border:1px solid #b9c7b4;border-radius:999px;padding:8px 12px;background:#edf3ea;color:#2b4b38}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tabs button{background:#e6ede2;color:#244834;border:1px solid #c8d4c2}.tabs button.active{background:#244834;color:#fff}.section-block{margin-top:16px;padding-top:14px;border-top:1px solid #d9e2d5}.muted-block{background:#f6f8f3;margin:16px -10px 0;padding:16px 10px 4px;border-radius:8px}.field{display:grid;gap:6px;margin-bottom:11px;font-size:14px}.field span{color:#415044;font-weight:650}input,select,textarea{min-height:38px;border:1px solid #b8c5b1;border-radius:7px;background:#fff;color:#1f291f;padding:0 10px}textarea{min-height:120px;padding:10px;resize:vertical}.actions,.payment-list,.quick-actions,.page-selector{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.quick-actions{margin-bottom:14px}.page-selector button.active{background:#244834;color:#fff}.ticket-list,.invite-table,.audit-list{display:grid;gap:10px;margin-top:12px}.ticket,.invite-row,.audit-row{border:1px solid #d3decf;border-radius:8px;background:#fbfcf8;padding:12px}.report-owner{width:100%;color:#1f291f;text-align:left}.report-owner.active,.report-owner:hover{border-color:#244834;background:#eef5eb;color:#1f291f}.clickable-row{cursor:pointer}.clickable-row:hover{background:#eef5eb}.report-section{margin:12px 0 18px}.ticket p,.invite-row p,.audit-row p{margin:6px 0}.ticket{width:100%;min-height:0;color:#1f291f;text-align:left;cursor:pointer}.ticket.active{border-color:#244834;background:#eef5eb}.ticket:hover{background:#eef5eb;color:#1f291f}.ticket-message{border:1px solid #d3decf;border-radius:8px;background:#fbfcf8;padding:12px;margin-bottom:10px}.attachment-list,.copy-line,.toolbar,.mfa-setup{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.compact-stack{display:grid;gap:4px;align-items:start}.compact-actions{gap:6px}.compact-table{min-width:640px}.copy-line code{overflow-wrap:anywhere}.qr-code{width:164px;height:164px;border:1px solid #d3decf;border-radius:8px;background:#fff;padding:8px}.qr-fallback{width:164px;min-height:120px;border:1px solid #d3decf;border-radius:8px;background:#fff7ed;color:#9a3412;padding:12px;display:grid;align-items:center}.table-wrap{width:100%;overflow-x:auto;margin-top:12px}.user-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.user-table th,.user-table td{border-bottom:1px solid #d9e2d5;padding:10px 8px;text-align:left;vertical-align:top}.user-table th{background:#eef5eb;color:#244834}.audit-row{display:grid;gap:4px}.audit-row small{color:#607064}.ticket-head{display:flex;justify-content:space-between;gap:10px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.divider{height:1px;background:#d9e2d5;margin:18px 0}.method{min-height:54px;display:grid;justify-items:start;background:#f5f8f2;color:#253227;border:1px solid #cad7c4}.method.active{background:#244834;color:#fff}.method small{color:inherit;opacity:.78}.error-line{color:#b42318;font-size:14px;font-weight:700;margin:-4px 0 10px}.warning-text{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px;line-height:1.5}.muted-text{color:#607064;line-height:1.5}.markdown{line-height:1.6}.markdown p{margin:8px 0}.status,.inline-result{margin-top:16px;padding:12px;border:1px solid #d6ddd2;border-radius:8px;background:#111812;color:#e7efe5;white-space:pre-wrap;overflow:auto}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#1018126b;padding:18px;z-index:20}.modal{width:min(560px,calc(100vw - 36px));border:1px solid #d4ddcf;border-radius:8px;background:#fff;padding:20px;box-shadow:0 24px 80px #0c140e3d;line-height:1.6}.toast{position:fixed;right:18px;bottom:18px;z-index:30;max-width:min(520px,calc(100vw - 36px));border-radius:8px;padding:12px 14px;background:#244834;color:#fff;box-shadow:0 18px 48px #0c140e38}.toast.error,.modal.error{border:1px solid #fecaca;background:#fff1f2;color:#7f1d1d}@media(max-width:720px){main{padding:14px}.split{grid-template-columns:1fr;display:grid}.topbar-row{align-items:flex-start}.brand-name{font-size:28px}.auth-brand{font-size:34px}h1{font-size:24px}.top-actions{justify-content:flex-end}.id-chip{max-width:190px;min-width:0}.id-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-chip button{flex:0 0 auto}.user-workspace>.panel{width:100%}.profile-menu-content{position:fixed;inset:auto 14px 14px;width:auto}}
