html,body{margin:0;padding:0}*{box-sizing:border-box}:root{--panel-bg:#f7f4ee;--panel-sidebar:#17211f;--panel-surface:#fff;--panel-surface-soft:#fbfaf7;--panel-surface-strong:#fff;--panel-border:#212a341c;--panel-text:#18231f;--panel-muted:#66746f;--panel-accent:#0f6b5f;--panel-accent-soft:#0f6b5f1a;--panel-accent-2:#315d8f;--panel-danger:#ad3f36;--panel-warning:#8a6400;--panel-shadow:0 12px 32px #18231f14;--panel-shadow-soft:0 1px 2px #18231f0f}body{background:radial-gradient(circle at top left, #0f6b5f14, transparent 28%), linear-gradient(180deg, #fbfaf7 0%, var(--panel-bg) 100%);min-height:100vh;color:var(--panel-text);font-family:Manrope,SF Pro Display,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.panel-shell{width:100%;min-height:100vh;margin:0;padding:0}.panel-shell--with-sidebar{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:0;display:grid}.panel-sidebar{background:linear-gradient(180deg, #ffffff0d, transparent 22%), var(--panel-sidebar);color:#ffffffe6;align-content:start;gap:24px;min-height:100vh;padding:24px 16px;display:grid;position:sticky;top:0}.panel-sidebar__brand h1{letter-spacing:-.04em;margin:6px 0 0;font-size:1.55rem}.panel-sidebar__brand p{color:#ffffff94;margin:6px 0 0;font-size:13px;line-height:1.5}.panel-sidebar__eyebrow,.panel-sidebar__group-title{color:#ffffff7a;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.panel-sidebar__sections{gap:20px;display:grid}.panel-sidebar__nav{gap:5px;display:grid}.panel-sidebar__link{color:#ffffffc2;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;min-height:38px;padding:0 11px;font-size:14px;font-weight:700;transition:transform .12s,border-color .12s,background .12s;display:flex}.panel-sidebar__button{color:#ffffffc2;cursor:pointer;width:100%}.panel-sidebar__link:hover{color:#fff;background:#ffffff12;transform:translate(1px)}.panel-sidebar__link.is-active{color:var(--panel-sidebar);background:#f7f4ee;border-color:#ffffff24}.panel-sidebar__group{gap:7px;display:grid}.panel-main{gap:14px;min-width:0;padding:20px 26px 30px;display:grid}.panel-main__header{box-shadow:none;background:0 0;border:0;padding:8px 0 4px}.panel-brand h1{letter-spacing:-.04em;margin:0;font-size:1.7rem}.panel-brand p{max-width:760px;color:var(--panel-muted);margin:4px 0 0;font-size:14px;line-height:1.45}.panel-page{gap:12px;min-width:0;display:grid}.panel-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:12px;display:grid}.panel-card{border:1px solid var(--panel-border);background:var(--panel-surface);min-width:0;box-shadow:none;border-radius:16px}.panel-accent-card{background:linear-gradient(90deg, var(--accent-soft,transparent), transparent 34%), var(--panel-surface);position:relative;overflow:hidden}.panel-accent-card:before{content:"";background:var(--accent,var(--panel-accent));width:4px;position:absolute;inset:0 auto 0 0}.panel-accent-0{--accent:#0f6b5f;--accent-soft:#0f6b5f13}.panel-accent-1{--accent:#315d8f;--accent-soft:#315d8f13}.panel-accent-2{--accent:#9a6534;--accent-soft:#9a653413}.panel-accent-3{--accent:#6e6b3f;--accent-soft:#6e6b3f13}.panel-accent-4{--accent:#8a4f5e;--accent-soft:#8a4f5e12}.panel-accent-5{--accent:#4f6a80;--accent-soft:#4f6a8013}.panel-card--hero{padding:18px}.panel-card--soft,.panel-card--table,.panel-card--stats{padding:16px}.panel-card--table{overflow-x:auto}.panel-eyebrow{min-height:28px;color:var(--panel-accent);letter-spacing:.12em;text-transform:uppercase;background:#0f766e1a;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.panel-title{letter-spacing:-.05em;margin:10px 0 7px;font-size:clamp(1.45rem,2.3vw,2.15rem);line-height:1.12}.panel-title--login{font-size:clamp(2rem,4vw,3rem)}.panel-lead{max-width:720px;color:var(--panel-muted);margin:0;font-size:14px;line-height:1.55}.panel-lead--login{max-width:520px}.panel-stats{gap:10px;display:grid}.panel-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.panel-stat-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.panel-stat{border:1px solid var(--panel-border);background:var(--panel-surface-soft);border-radius:12px;padding:12px}.panel-stat span{color:var(--panel-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.panel-stat strong{letter-spacing:-.04em;font-size:1.45rem}.panel-section-head{margin-bottom:12px}.panel-section-title{letter-spacing:-.03em;margin:0;font-size:1.16rem}.panel-section-description{color:var(--panel-muted);margin:5px 0 0;font-size:13px;line-height:1.48}.panel-grid-2{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:12px;display:grid}.panel-form,.panel-form-grid{gap:10px;display:grid}.panel-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-field{gap:6px;display:grid}.panel-field span{color:var(--panel-muted);font-size:12px;font-weight:700}.panel-field--checkbox{align-items:center;gap:10px;display:flex}.panel-field--checkbox input[type=checkbox]{width:18px;height:18px;margin:0}.panel-field--checkbox span{color:var(--panel-text);font-size:14px;font-weight:700}.panel-field input,.panel-field textarea{border:1px solid var(--panel-border);width:100%;color:var(--panel-text);font:inherit;background:#fff;border-radius:10px;padding:10px 12px}.panel-field input{min-height:40px}.panel-field textarea{resize:vertical;line-height:1.6}.panel-field select{border:1px solid var(--panel-border);width:100%;min-height:40px;color:var(--panel-text);font:inherit;background:#fff;border-radius:10px;padding:10px 12px}.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.panel-actions--top{margin:0 0 12px}.panel-actions--spaced{justify-content:space-between}.panel-actions select{border:1px solid var(--panel-border);min-height:40px;color:var(--panel-text);font:inherit;background:#fff;border-radius:10px;padding:9px 12px}.panel-toolbar{border:1px solid var(--panel-border);background:var(--panel-surface-soft);border-radius:14px;grid-template-columns:minmax(220px,1.4fr) minmax(160px,.8fr) minmax(160px,.8fr);gap:10px;margin:12px 0;padding:12px;display:grid}.panel-toolbar--payments{grid-template-columns:minmax(260px,1fr) minmax(160px,240px)}.panel-button{background:var(--panel-accent);color:#fff;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 14px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}.panel-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0f6b5f1f}.panel-button:disabled{opacity:.72;cursor:wait}.panel-button--secondary{border:1px solid var(--panel-border);color:var(--panel-text);background:#fff}.panel-button--secondary:hover:not(:disabled){box-shadow:0 8px 18px #18231f12}.panel-button--danger{background:var(--panel-danger);color:#fff}.panel-status--error,.panel-status--success{border-radius:12px;margin-top:10px;padding:10px 12px}.panel-status--error{color:var(--panel-danger);background:#ad3f3614;font-size:14px}.panel-status--success{background:var(--panel-accent-soft);color:var(--panel-accent);font-size:14px}.panel-result{border-top:1px solid var(--panel-border);margin-top:18px;padding-top:18px}.panel-result-grid{gap:12px;display:grid}.panel-result-item{border:1px solid var(--panel-border);background:var(--panel-surface-soft);border-radius:12px;gap:6px;padding:14px;display:grid}.panel-result-item span{color:var(--panel-muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.panel-result-item code{word-break:break-all}.panel-result-item p,.panel-result-item small{color:var(--panel-muted);margin:0;line-height:1.6}.panel-links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.panel-links a{color:var(--panel-accent-2);background:#315d8f14;border-radius:10px;padding:8px 12px;font-weight:700}.panel-table{border-collapse:collapse;width:100%}.panel-table th,.panel-table td{border-top:1px solid var(--panel-border);text-align:left;vertical-align:top;padding:10px 9px}.panel-table th{color:var(--panel-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.panel-table td{font-size:14px;line-height:1.45}.panel-table tr.panel-accent-row td:first-child{padding-left:18px;position:relative}.panel-table tr.panel-accent-row td:first-child:before{content:"";background:var(--accent,var(--panel-accent));border-radius:999px;width:4px;height:22px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.panel-table tr.panel-accent-row{background:linear-gradient(90deg, var(--accent-soft,transparent), transparent 38%)}.panel-table small{color:var(--panel-muted);font-size:12px;display:block}.panel-table--interactive tbody tr:hover{background:#315d8f0d}.panel-table code{word-break:break-all;font-size:12px}.panel-row-link{min-height:30px;color:var(--panel-accent-2);align-items:center;font-weight:800;display:inline-flex}.panel-user-row{cursor:pointer}.panel-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.panel-badge--trial{color:var(--panel-accent);background:#0f766e1f}.panel-badge--free{color:var(--panel-muted);background:#67768824}.panel-badge--paid{color:var(--panel-accent-2);background:#1f5eff1f}.panel-badges{flex-wrap:wrap;gap:6px;display:flex}.panel-badge--vip{color:var(--panel-warning);background:#b7860b24}.panel-badge--discount{color:var(--panel-danger);background:#b5483e1f}.panel-badge--payment-succeeded{color:var(--panel-accent);background:#0f766e1f}.panel-badge--payment-pending{color:#8a6400;background:#b7860b24}.panel-badge--payment-canceled{color:var(--panel-danger);background:#b5483e1f}.panel-grid-2--detail{grid-template-columns:minmax(0,1.1fr) minmax(280px,380px);align-items:start}.panel-quick-actions{flex-wrap:wrap;gap:10px;display:flex}.panel-quick-actions--inline{gap:8px}.panel-quick-actions--inline .panel-button{min-height:34px;padding:0 10px;font-size:13px}.panel-quick-actions--grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel-plan-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.panel-date-block{gap:12px;display:grid}.panel-date-block__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-date-block__title{color:var(--panel-muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.panel-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.panel-detail-list{grid-template-columns:180px minmax(0,1fr);gap:12px 18px;margin:0 0 24px;display:grid}.panel-detail-list--compact{margin-bottom:18px}.panel-detail-list--inline{border:1px solid var(--panel-border);background:var(--panel-surface-soft);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.panel-detail-list dt{color:var(--panel-muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.panel-detail-list dd{overflow-wrap:anywhere;word-break:break-word;min-width:0;margin:0;line-height:1.6}.panel-detail-list code{word-break:break-all;font-size:12px}.panel-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121c2d5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.panel-modal{border:1px solid var(--panel-border);background:#fbfaf7;border-radius:20px;width:min(1100px,100vw - 32px);max-height:calc(100vh - 48px);padding:20px;overflow:hidden auto;box-shadow:0 24px 64px #121c2d33}.panel-modal--narrow{width:min(620px,100vw - 32px)}.panel-modal .panel-table{table-layout:fixed}.panel-modal .panel-table td,.panel-modal .panel-table th{overflow-wrap:anywhere;word-break:break-word}.panel-modal__header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.panel-modal__close{border:1px solid var(--panel-border);min-height:38px;color:var(--panel-text);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:0 14px;font-weight:700}.panel-login{place-items:center;min-height:100vh;padding:24px;display:grid}.panel-login__card{width:min(520px,100%);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #ffffffb3;border-radius:28px;padding:28px}.panel-empty{background:var(--panel-surface-soft);color:var(--panel-muted);border:1px dashed #212a3429;border-radius:12px;padding:12px;font-size:14px}.panel-stack{gap:16px;display:grid}.panel-muted{color:var(--panel-muted)}.panel-inline-list{flex-wrap:wrap;gap:6px;display:inline-flex}.panel-pill{min-height:26px;color:var(--panel-accent);background:#0f766e17;border:1px solid #0f766e29;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}@media (max-width:1280px){.panel-grid-2--detail{grid-template-columns:1fr}}@media (max-width:1080px){.panel-shell--with-sidebar,.panel-hero,.panel-grid-2,.panel-stat-grid,.panel-stat-grid--compact,.panel-toolbar,.panel-quick-actions--grid{grid-template-columns:1fr}.panel-sidebar{border-radius:0 0 22px 22px;min-height:auto;position:static}.panel-sidebar__sections,.panel-sidebar__nav{gap:8px}.panel-sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid-2--detail,.panel-detail-list{grid-template-columns:1fr}.panel-detail-list--inline{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-date-grid{grid-template-columns:1fr}.panel-modal{width:min(100vw - 24px,1180px);max-height:calc(100vh - 24px);padding:16px}}@media (max-width:720px){.panel-main{padding:14px}.panel-form-grid,.panel-sidebar__nav{grid-template-columns:1fr}.panel-card--hero,.panel-card--soft,.panel-card--table,.panel-card--stats{padding:14px}.panel-plan-head{display:grid}.panel-detail-list--inline{grid-template-columns:1fr}}