@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--bg:#f3f1ec;--surface:#fff;--surface-2:#eae8e2;--ink:#121310;--muted:#71736e;--line:#dcdad3;--accent:#a9e85c;--accent-dark:#20320f;--danger:#be3a32;--warning:#a16b17;--shadow:0 18px 60px rgba(20,24,16,.08);--radius:24px;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-family:Playfair Display,serif;font-style:italic}
.button{min-height:48px;border:1px solid var(--line);border-radius:14px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;background:var(--surface);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.button:focus-visible,.nav-item:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button.secondary{background:transparent}.button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.text-button,.quiet-button{border:0;background:transparent;padding:8px;color:var(--muted)}
.auth-page{background:#0e100d;color:#fff;padding:28px;overflow-x:hidden}.auth-page:before{content:"";position:fixed;inset:-25%;background:radial-gradient(circle at 28% 30%,rgba(169,232,92,.18),transparent 23%),radial-gradient(circle at 80% 65%,rgba(123,157,255,.13),transparent 28%);pointer-events:none}.auth-brand{position:relative;z-index:1;max-width:1280px;margin:auto}.auth-shell{position:relative;z-index:1;max-width:1180px;margin:6vh auto;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.auth-copy h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.065em;margin:20px 0 28px}.auth-copy p{color:#aeb2a9;font-size:18px;line-height:1.7;max-width:630px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#75805f}.auth-page .eyebrow{color:var(--accent)}.trust-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.trust-list span{border:1px solid #34372f;border-radius:99px;padding:10px 14px;color:#c9ccc5;font-size:13px}.auth-card{background:#f7f6f2;color:#151613;border-radius:30px;padding:14px 32px 28px;box-shadow:0 40px 120px rgba(0,0,0,.45);min-height:610px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e8e7e1;padding:5px;border-radius:14px;margin-bottom:28px}.auth-tabs button{border:0;background:transparent;padding:12px;border-radius:10px;color:#777}.auth-tabs button.active{background:#fff;color:#111;box-shadow:0 3px 10px rgba(0,0,0,.08)}.auth-form{display:grid;gap:18px}.auth-form h2{font-size:30px;letter-spacing:-.04em;margin:0 0 5px}.auth-form p,.auth-form small{color:var(--muted);line-height:1.5}.auth-form label,.form-grid label,#ticket-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.auth-form input,.form-grid input,.form-grid select,#ticket-form input,#ticket-form textarea,.section-heading input{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px 15px;color:#111}.divider{display:flex;align-items:center;gap:12px;color:#888;font-size:12px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:#ddd;flex:1}.social{width:100%;margin:8px 0}.provider-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-weight:800}.provider-icon.apple{font-size:14px}.legal-note{font-size:11px;color:#7e807b;line-height:1.5;text-align:center;margin-top:20px}.legal-note a{text-decoration:underline}.notice{padding:12px 14px;border-radius:12px;background:#e9f6da;color:#233611;font-size:13px;margin-bottom:15px}.notice.error{background:#fae5e3;color:#7b1d18}
.auth-card{width:min(100%,420px);justify-self:end;background:#111827;color:#f3f4f6;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:34px 38px 30px;box-shadow:0 40px 120px rgba(0,0,0,.48),0 0 0 1px rgba(167,139,250,.06);min-height:0}.auth-form{display:grid;gap:12px}.auth-form h2{text-align:center;font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:0 0 26px;color:#f9fafb}.auth-form p,.auth-form small{color:#9ca3af;line-height:1.5}.auth-form label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#9ca3af}.auth-form input{width:100%;border:1px solid #374151;background:#111827;border-radius:8px;padding:14px 15px;color:#f3f4f6;outline:0}.auth-form input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.14)}.auth-forgot{justify-self:end;color:#f3f4f6;font-size:13px;padding:0;margin:1px 0 8px}.auth-forgot:hover{text-decoration:underline;text-decoration-color:#a78bfa}.auth-submit.button.primary{width:100%;min-height:52px;border:0;border-radius:8px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#111827;font-size:16px;box-shadow:0 12px 28px rgba(139,92,246,.22)}.auth-submit.button.primary:hover{background:linear-gradient(135deg,#b49bff,#9870ff);box-shadow:0 15px 34px rgba(139,92,246,.32)}.auth-card .divider{display:flex;align-items:center;gap:14px;color:#9ca3af;font-size:12px;margin:24px 0 14px;white-space:nowrap}.auth-card .divider:before,.auth-card .divider:after{content:"";height:1px;background:#374151;flex:1}.social-icons{display:flex;justify-content:center;gap:16px}.social-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #374151;border-radius:10px;background:transparent;color:#fff;transition:transform .2s,border-color .2s,background .2s}.social-icon:hover{transform:translateY(-2px);border-color:#a78bfa;background:rgba(167,139,250,.09)}.social-icon:focus-visible{outline:3px solid rgba(167,139,250,.5);outline-offset:2px}.social-icon svg{width:22px;height:22px;fill:currentColor}.auth-switch{text-align:center;font-size:12px;line-height:1.4;color:#9ca3af;margin:22px 0 0}.auth-switch button{border:0;background:transparent;padding:0;color:#f3f4f6;font-size:13px;font-weight:600}.auth-switch button:hover{text-decoration:underline;text-decoration-color:#a78bfa}.auth-card .legal-note{font-size:10px;color:#6b7280;line-height:1.5;text-align:center;margin:18px 0 0}.auth-card .legal-note a{color:#9ca3af;text-decoration:underline}.auth-card .notice{padding:12px 14px;border-radius:10px;background:#1f3a2b;color:#d7f9df;font-size:13px;margin-bottom:18px}.auth-card .notice.error{background:#4a2027;color:#ffd7dc}
.auth-form[hidden],#social-block[hidden],.notice[hidden],.auth-switch[hidden]{display:none}
.account-layout{display:grid;grid-template-columns:265px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:265px;background:#11130f;color:#f5f5ef;padding:28px 18px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 12px 32px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#949991;border-radius:13px;padding:13px 14px;text-align:left;display:flex;align-items:center;gap:13px;font-weight:600}.nav-item span{width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:#252820;color:#fff}.nav-item.active:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto;box-shadow:0 0 15px var(--accent)}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.sidebar .quiet-button{color:#aaa;text-align:left;border-radius:10px}.sidebar .quiet-button:hover{background:#252820;color:#fff}.workspace{grid-column:2;padding:0 38px 60px;min-width:0}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:38px}.topbar>div:first-of-type{display:grid;gap:3px}.top-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.topbar strong{font-size:18px}.user-chip{display:flex;align-items:center;gap:11px}.user-chip>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff}.user-chip>span:last-child{display:grid}.user-chip small{color:var(--muted);font-size:11px}.view{max-width:1420px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:end;background:linear-gradient(130deg,#dff2c7,#f8f5e9);border:1px solid #d6dfca;border-radius:var(--radius);padding:38px;margin-bottom:22px;box-shadow:var(--shadow)}.welcome h1,.section-heading h1{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:1;margin:10px 0}.welcome p{color:var(--muted);margin:0;max-width:630px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.metric,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 4px 18px rgba(20,22,18,.03)}.metric{display:grid;gap:9px}.metric span,.metric small{color:var(--muted);font-size:12px}.metric strong{font-size:26px;letter-spacing:-.04em}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel h2{margin:0 0 20px;font-size:19px;letter-spacing:-.025em}.panel-head{display:flex;align-items:center;justify-content:space-between}.list{display:grid;gap:10px}.list-row{display:flex;align-items:center;gap:12px;padding:13px;background:var(--bg);border-radius:13px}.list-row>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--accent)}.list-row div{display:grid;gap:3px;min-width:0}.list-row small{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{min-height:90px;border:1px solid var(--line);border-radius:15px;background:#faf9f6;text-align:left;padding:16px;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 26px}.section-heading input{max-width:330px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.project-preview{height:250px;background:linear-gradient(140deg,#dae7ca,#deddec);display:grid;place-items:center;color:#62675c}.project-body{padding:24px}.project-body h2{margin:5px 0}.meta-row{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 11px;background:#e4f3d1;color:#315016;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.status-pill.warning{background:#faeacb;color:#6f4710}.status-pill.danger{background:#fae2e0;color:#821f18}.subscription-card{background:#11130f;color:#fff;border-radius:28px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:30px}.subscription-card h2{font-size:34px;margin:8px 0}.subscription-card .price{font-size:52px;letter-spacing:-.06em}.subscription-card p{color:#aeb2a9}.subscription-actions{display:flex;align-items:center;gap:10px}.subscription-card .secondary{color:#fff;border-color:#4a4d46}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:17px 20px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}tbody tr:last-child td{border-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;max-width:900px}.form-grid .button{align-self:end}.toggle-row{display:flex!important;align-items:center;gap:9px!important}.toggle-row input{width:auto}.danger-zone{max-width:900px;margin-top:18px}.toast{position:fixed;right:28px;top:26px;background:#161814;color:#fff;padding:14px 20px;border-radius:13px;box-shadow:var(--shadow);z-index:50}.toast.error{background:#821f18}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skeleton-grid i{height:150px;border-radius:20px;background:linear-gradient(90deg,#e6e4de 25%,#f1efe9 50%,#e6e4de 75%);background-size:200% 100%;animation:shine 1.3s infinite}@keyframes shine{to{background-position:-200% 0}}dialog{border:0;border-radius:24px;padding:0;max-width:480px;box-shadow:0 30px 100px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}dialog form{padding:30px}.dialog-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#fae2e0;color:var(--danger);font-weight:800}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.menu-button,.mobile-close{display:none}
html[data-theme=dark]{--bg:#11130f;--surface:#1b1e18;--surface-2:#252820;--ink:#f3f3ed;--muted:#9da098;--line:#30342c;--shadow:0 18px 60px rgba(0,0,0,.3)}html[data-theme=dark] .welcome{background:linear-gradient(130deg,#223318,#20221d);border-color:#334429}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#11130f;color:#fff}html[data-theme=dark] .quick-grid button{background:#171914;color:#fff}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;max-width:620px}.auth-copy{display:none}.account-layout{display:block}.sidebar{transform:translateX(-105%);transition:transform .25s}.sidebar.open{transform:none}.workspace{padding:0 18px 40px}.topbar{height:78px;margin-bottom:25px}.menu-button,.mobile-close{display:block;border:0;background:transparent}.mobile-close{position:absolute;right:15px;top:20px;color:#fff;font-size:26px}.metric-grid,.panel-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.menu-button{font-size:22px}.user-chip small{display:none}}
@media(max-width:600px){.auth-page{padding:18px}.auth-card{padding:10px 20px 24px;border-radius:22px}.auth-shell{margin-top:25px}.welcome{padding:25px;display:grid;gap:20px}.section-heading{display:grid;gap:15px}.form-grid{grid-template-columns:1fr}.subscription-card{grid-template-columns:1fr}.subscription-actions{align-items:stretch;flex-direction:column}.quick-grid{grid-template-columns:1fr}.user-chip b{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.account-lang{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:99px;background:var(--surface)}.account-lang button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800;padding:7px 9px;border-radius:99px}.account-lang button.active{background:var(--ink);color:var(--surface)}.auth-card .account-lang{margin:18px auto 0;width:max-content}.topbar>.account-lang{margin-left:auto;margin-right:18px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.user-chip img{width:100%;height:100%;object-fit:cover;border-radius:50%}