:root{--ink:#07080c;--panel:#10121a;--panel2:#151822;--line:#22252f;--fg:#f3efe8;--mute:#9c9aa3;--copper:#ee8447;--gold:#f6c886;--ok:#5fd3a0;--bad:#ff8a7a;--display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--body:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--ink);color:var(--fg);font-family:var(--body);line-height:1.55}.ap{background:radial-gradient(60% 40% at 80% -10%,#ee84472e,transparent 70%),var(--ink);min-height:100dvh}.ap h1,.ap h2{font-family:var(--display);letter-spacing:0;margin:0;font-weight:800}.ap :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}.ap-top{padding:18px max(20px,env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;display:flex}.ap-top img{width:auto;height:32px;display:block}.ap-lang{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:3px;display:inline-flex}.ap-lang button{color:var(--mute);font:600 12px var(--mono);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px}.ap-lang button.on{background:linear-gradient(135deg,var(--gold),var(--copper));color:var(--ink)}.ap-auth{flex-direction:column;gap:22px;max-width:420px;margin:0 auto;padding:24px 20px 60px;animation:.4s ease-out apIn;display:flex}.ap-auth h1{font-size:clamp(34px,8vw,44px);line-height:1}.ap-lead{color:var(--mute);margin:0}.ap-form{flex-direction:column;gap:14px;display:flex}.ap-field{flex-direction:column;gap:6px;display:flex}.ap-field span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.ap-field input,.ap-field select,.ap-field textarea{border:1px solid var(--line);background:var(--panel);height:52px;color:var(--fg);font:16px var(--body);border-radius:14px;outline:none;padding:0 16px;transition:border-color .2s}.ap-field input:focus{border-color:var(--copper)}.ap-field small{color:var(--mute);font-size:13px}.ap-btn{height:52px;font:600 16px var(--body);cursor:pointer;color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--copper));border:0;border-radius:14px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 30px -12px #ee8447b3}.ap-btn:hover{transform:translateY(-1px)}.ap-btn:disabled{opacity:.6;cursor:default;transform:none}.ap-ghost{border:1px solid var(--line);color:var(--fg);box-shadow:none;background:0 0}.ap-links{color:var(--mute);flex-direction:column;gap:10px;font-size:14px;display:flex}.ap-links a{color:var(--mute)}.ap-links a:hover{color:var(--fg)}.ap-msg{border-radius:14px;margin:0;padding:14px 16px;font-size:15px}.ap-msg.err{color:var(--bad);background:#ff8a7a1a;border:1px solid #ff8a7a4d}.ap-msg.ok{color:var(--ok);background:#5fd3a01a;border:1px solid #5fd3a04d}.ap-main{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:12px 20px 100px;animation:.4s ease-out apIn;display:flex}.ap-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:22px}.ap-chip{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--gold);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.ap-chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.ap-chip.active{color:var(--ok)}.ap-chip.suspended{color:var(--bad)}.ap-chip.onboarding{color:var(--mute)}.ap-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@keyframes apIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ap-auth,.ap-main{animation:none}}.ap{--background:var(--ink);--foreground:var(--fg);--primary:var(--copper);--primary-foreground:var(--ink);--border:var(--line);--input:var(--line);--accent:var(--panel2);--accent-foreground:var(--fg);--ring:var(--gold);--muted-foreground:var(--mute);--card-metal:linear-gradient(125deg,var(--copper),var(--gold) 22%,var(--copper) 47%,var(--gold) 72%,var(--copper));--card-shadow:0 24px 70px -30px var(--copper)}.ap-layout{grid-template-columns:200px minmax(0,1fr);gap:32px;max-width:1200px;margin:12px auto 0;padding:0 20px;display:grid}.ap-content{min-width:0}.ap-content .ap-main{padding:10px 0 80px}.ap-nav{flex-direction:column;align-self:start;gap:4px;display:flex;position:sticky;top:20px}.ap-nav a{color:var(--mute);border-radius:8px;align-items:center;gap:12px;min-height:46px;padding:12px 14px;font-size:14px;text-decoration:none;display:flex}.ap-nav a.on{color:var(--gold);background:var(--panel2)}.ap-nav a:hover{color:var(--fg);background:var(--panel)}.ap h1{overflow-wrap:anywhere;font-size:36px;line-height:1.15}.ap h2{font-size:21px;line-height:1.3}.ap-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ap-heading>a:not(.ap-btn){color:var(--gold);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.ap .ap-btn{white-space:normal;text-align:center;letter-spacing:0;border-radius:8px;height:auto;min-height:44px;padding:12px 18px;line-height:1.3}.ap .ap-icon{flex-shrink:0;width:42px;height:42px;min-height:42px;padding:10px}.ap .ap-field input,.ap .ap-field select,.ap .ap-field textarea{letter-spacing:0;border-radius:8px;width:100%;min-width:0}.ap .ap-field span{letter-spacing:0}.ap-field textarea{resize:vertical;height:132px!important;padding-top:12px!important}.ap-field input[type=file]{height:auto;padding:12px}.ap-form-width{width:100%;max-width:640px}.ap-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ap-balance{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:24px 0 30px;display:flex}.ap-balance>strong{font:800 64px var(--display);line-height:1.1}.ap-balance strong small{font:500 20px var(--mono);color:var(--mute)}.ap-account-status{border-left:3px solid var(--copper);padding:8px 0 8px 20px}.ap-account-status p{color:var(--mute);margin:12px 0}.ap-chip{letter-spacing:0;white-space:normal;max-width:100%}.ap-chip.submitted,.ap-chip.payment_received,.ap-chip.payout_pending{color:var(--gold)}.ap-chip.approved,.ap-chip.invoiced,.ap-chip.paid_out,.ap-chip.sent,.ap-chip.payment_released{color:var(--ok)}.ap-chip.rejected,.ap-chip.payment_held{color:var(--bad)}.ap-chip.draft{color:var(--mute)}.ap-list{border-top:1px solid var(--line);width:100%}.ap-list-row{border-bottom:1px solid var(--line);color:var(--fg);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:20px 0;text-decoration:none;display:flex}.ap-list-row>div{min-width:0}.ap-list-row strong{overflow-wrap:anywhere;font-weight:600;display:block}.ap-list-row small,.ap-timeline small{color:var(--mute);overflow-wrap:anywhere;margin-top:5px;font-size:12px;display:block}.ap-list-end{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.ap-list-row:hover{background:var(--panel)}.ap-empty{color:var(--mute);margin:0;padding:28px 0}.ap-filter select{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:8px;max-width:100%;padding:10px 16px}.ap-detail{grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:14px 20px;margin:4px 0;display:grid}.ap-detail dt{color:var(--mute);font-size:14px}.ap-detail dd{overflow-wrap:anywhere;margin:0}.ap-amount{font:700 32px var(--display)}.ap-steps{flex-wrap:wrap;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.ap-steps li{color:var(--mute);align-items:center;gap:6px;font-size:12px;display:flex}.ap-steps li span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.ap-steps li.on{color:var(--gold)}.ap-steps li.done{color:var(--ok)}.ap-upload{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.ap-upload-control{background:var(--panel2);border:1px dashed var(--copper);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.ap-upload-control input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.ap-upload-control:focus-within{outline:2px solid var(--gold)}.ap-timeline{margin:0;padding:0;list-style:none}.ap-timeline li{gap:16px;min-height:70px;display:flex;position:relative}.ap-timeline li:before{content:"";background:var(--line);width:1px;position:absolute;top:14px;bottom:0;left:5px}.ap-timeline-dot{background:var(--copper);border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:6px}.ap-invoice{border:1px solid var(--line);border-radius:8px;max-width:680px;overflow:hidden}.ap-invoice-head{background:var(--panel2);border-bottom:2px solid var(--copper);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px;display:flex}.ap-invoice .ap-detail{padding:24px}.ap-invoice>.ap-lead,.ap-invoice>.ap-btn{margin:0 24px 20px}.ap-support{grid-template-columns:220px minmax(0,1fr);gap:24px;display:grid}.ap-conversations{flex-direction:column;gap:6px;display:flex}.ap .ap-conversation{white-space:normal;text-align:left;height:auto;min-height:70px;color:var(--mute);overflow-wrap:anywhere;flex-direction:column;align-items:start;gap:6px;padding:12px;display:flex}.ap .ap-conversation.on{background:var(--panel2);color:var(--fg)}.ap-conversation small{color:var(--mute);font-size:11px}.ap-chat{min-width:0}.ap-messages{flex-direction:column;gap:14px;max-height:500px;padding:20px 0;display:flex;overflow:auto}.ap-message{border:1px solid var(--line);background:var(--panel);border-radius:8px;max-width:90%;padding:14px}.ap-message.own{border-color:var(--copper);align-self:flex-end}.ap-message small{color:var(--mute);font-size:11px}.ap-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.ap-card-stage{perspective:1000px;place-items:center;height:340px;display:grid;overflow:hidden}.ap-metal-card{aspect-ratio:1.586;background:var(--card-metal);width:min(100%,380px);color:var(--ink);box-shadow:var(--card-shadow);border:1px solid var(--gold);border-radius:16px;padding:24px;animation:6s ease-in-out infinite apCardFloat;position:relative;transform:rotateY(-14deg)rotateX(10deg)rotate(-8deg)}.ap-metal-card>img{filter:brightness(.12);width:140px;height:auto}.ap-card-chip{background:var(--gold);border:1px solid var(--ink);border-radius:6px;width:42px;height:32px;margin-top:22px}.ap-card-number{font:500 17px var(--mono);margin:18px 0 12px}.ap-metal-card>span{font:500 10px var(--mono)}.ap-metal-card>b{font:800 32px var(--display);position:absolute;bottom:20px;right:24px}@keyframes apCardFloat{50%{transform:rotateY(-6deg)rotateX(7deg)rotate(-5deg)translateY(-8px)}}@media (width<=760px){.ap-layout{margin:0;padding:0 20px;display:block}.ap-nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:22px;padding:6px 0 16px;display:grid;position:relative;top:auto}.ap-nav a{text-align:center;flex-direction:column;gap:6px;min-width:0;padding:10px 2px;font-size:11px;line-height:1.2}.ap-nav a span{overflow-wrap:anywhere}.ap h1{font-size:30px}.ap-heading>.ap-btn{min-width:0}.ap-main{gap:22px}.ap-form-grid{gap:12px}.ap-list-end{max-width:48%}.ap-list-row{gap:12px}.ap-support{grid-template-columns:1fr}.ap-conversations{flex-direction:row;display:flex;overflow:auto}.ap .ap-conversation{min-width:160px;max-width:220px}.ap-balance>strong{font-size:56px}.ap-detail{grid-template-columns:110px minmax(0,1fr);gap:14px}.ap-invoice .ap-detail{padding:16px}.ap-card-stage{height:290px}.ap-metal-card{max-width:300px;padding:20px}.ap-card-chip{margin-top:12px}.ap-card-number{margin:14px 0;font-size:14px}.ap-top{padding-top:16px}.ap-top img{max-width:130px}}@media (prefers-reduced-motion:reduce){.ap-metal-card{animation:none}.ap-btn{transition:none}}.ap-invoice-actions{flex-direction:column;align-items:flex-start;gap:10px;margin:0 24px 20px;display:flex}.ap dd .ap-invoice-actions{margin:10px 0 0}.ap-link{color:var(--copper);font-size:14px;text-decoration:underline}.ap-verify-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ap-code{overflow-wrap:anywhere;border:1px solid var(--line,#ffffff1f);border-radius:12px;flex:220px;min-width:0;padding:12px;font-family:ui-monospace,monospace;font-size:13px}
