:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--color-primary:#9d4163;--color-secondary:#69745f;--color-page:#f8f4f1;--color-surface:#fffdfb;--color-text:#2e262a;--color-muted:#7c7075;--color-border:#e8dddf;color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--color-page)!important}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.admin-page{width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto;padding:24px 0 64px}.admin-header{justify-content:space-between;align-items:center;min-height:64px;margin-bottom:48px;display:flex}.admin-brand{color:var(--color-text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.admin-brand>span{color:#fff;background:var(--color-primary);letter-spacing:.08em;border-radius:13px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:grid}.admin-brand>strong{letter-spacing:-.02em;font-size:18px}.admin-intro{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:32px;display:flex}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.admin-intro h1{color:var(--color-muted);margin:0 0 12px;font-size:15px;font-weight:600}.balance-value{color:var(--color-text);letter-spacing:-.055em;font-size:clamp(44px,7vw,72px);line-height:.95;display:block}.admin-page>[class*=alert]{margin-top:24px}.lessons-section{padding-top:48px}.lessons-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.lessons-heading h2{letter-spacing:-.035em;margin:0;font-size:26px}.lessons-heading>span{min-width:28px;height:28px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));border-radius:9px;place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:grid}.lessons-table-wrap{border-top:1px solid var(--color-border);overflow-x:auto}.lessons-table{border-collapse:collapse;width:100%;color:var(--color-text)}.lessons-table th{color:var(--color-muted);text-align:left;padding:16px 12px;font-size:12px;font-weight:600}.lessons-table td{border-top:1px solid var(--color-border);vertical-align:middle;min-height:72px;padding:18px 12px}.lessons-table td:first-child,.lessons-table th:first-child{padding-left:16px}.lessons-table td:last-child,.lessons-table th:last-child{padding-right:16px}.lessons-table td strong,.lessons-table td span{display:block}.lessons-table td>span:not(.lesson-status){color:var(--color-muted);margin-top:4px;font-size:13px}.lesson-row{cursor:pointer;transition:background-color .16s}.lesson-row:hover{background:color-mix(in srgb, var(--color-primary) 4%, transparent)}.lesson-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.lesson-status{border-radius:8px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex!important}.lesson-status--planned{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.lesson-status--done{color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 12%, var(--color-surface))}.lesson-status--cancelled{color:var(--color-muted);background:color-mix(in srgb, var(--color-muted) 10%, var(--color-surface))}.admin-state{border-top:1px solid var(--color-border);min-height:240px;color:var(--color-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.admin-state--compact{min-height:140px}.admin-state strong{color:var(--color-text)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.admin-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#2e262a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.payment-modal{background:var(--color-surface);border-radius:22px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:32px;overflow-y:auto;box-shadow:0 28px 90px #2e262a40}.history-modal{background:var(--color-surface);border-radius:22px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:32px;overflow-y:auto;box-shadow:0 28px 90px #2e262a40}.delete-modal{background:var(--color-surface);border-radius:22px;width:min(440px,100%);padding:32px;box-shadow:0 28px 90px #2e262a40}.delete-modal h2{margin:0 0 12px;font-size:24px;line-height:1.2}.delete-modal p{color:var(--color-muted);margin:0}.payment-modal__head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.payment-modal__head h2{letter-spacing:-.035em;margin:0 0 8px;font-size:26px}.payment-modal__head p{color:var(--color-muted);margin:0}.payment-modal__head button{width:36px;height:36px;color:var(--color-muted);background:0 0;border:0;border-radius:10px;font-size:24px}.payment-modal__head button:hover{color:var(--color-text);background:var(--color-page)}.payment-fields{gap:16px;display:grid}.payment-modal__actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.payment-modal__actions--split{grid-template-columns:auto 1fr auto auto;display:grid}.operations-list{border-top:1px solid var(--color-border)}.operation-row{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:18px 0;display:grid}.operation-row div>*{display:block}.operation-row div>span{color:var(--color-muted);margin-top:4px}.operation-row div>small{color:var(--color-muted);margin-top:6px}.operation-amount{color:var(--color-primary);white-space:nowrap;font-size:18px}.operation-amount--positive{color:var(--color-secondary)}.delete-action{color:var(--color-primary)!important}@media (width<=720px){.admin-page{width:min(100% - 32px,1180px);padding-top:12px}.admin-header{min-height:56px;margin-bottom:24px}.admin-intro{flex-direction:column;align-items:stretch;gap:24px;padding-bottom:32px}.admin-intro h1{margin-bottom:8px}.balance-value{font-size:clamp(48px,15vw,60px);line-height:1}.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:10px;width:100%;display:grid}.admin-actions button{width:100%;min-width:0}.admin-actions button:first-child{grid-column:1/-1}.lessons-section{padding-top:36px}.lessons-table-wrap{border-top:0;overflow:visible}.lessons-table,.lessons-table tbody{display:block}.lessons-table thead{display:none}.lessons-table tbody{gap:12px;display:grid}.lessons-table tr{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;grid-template-columns:1fr;gap:18px;padding:22px;display:grid;position:relative}.lessons-table td{border:0;min-height:0;padding:0;font-size:14px;display:block}.lessons-table td:before{color:var(--color-muted);content:attr(data-label);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.lessons-table td:first-child,.lessons-table th:first-child,.lessons-table td:last-child,.lessons-table th:last-child{padding:0}.lessons-table td:first-child{padding-right:112px}.lessons-table td:nth-child(5){position:absolute;top:22px;right:22px}.lessons-table td:nth-child(5):before{display:none}.payment-modal,.history-modal,.delete-modal{padding:24px}.payment-modal__actions--split{grid-template-columns:1fr 1fr}.payment-modal__actions--split>span{display:none}.payment-modal__actions--split button:first-child{grid-column:1/-1}.operation-row{grid-template-columns:1fr auto}.operation-row .delete-action{grid-column:2}}.catalog{width:min(1180px, calc(100% - var(--space-7)));min-height:100vh;padding:var(--space-8) 0 96px;background:var(--color-page);margin:0 auto}.hero{min-height:230px;padding:var(--space-7);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 18px 60px color-mix(in srgb, var(--color-primary) 8%, transparent);border-radius:28px;justify-content:space-between;align-items:center;display:flex}.overline{color:var(--color-primary);letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1{margin:var(--space-3) 0 var(--space-2);color:var(--color-text);letter-spacing:-.055em;font-size:clamp(44px,7vw,78px);line-height:.95}.hero p{color:var(--color-muted);margin:0;font-size:17px}.hero__mark{color:#fff;background:var(--color-primary);border-radius:30px;place-items:center;width:92px;height:92px;font-size:26px;font-weight:900;display:grid;transform:rotate(5deg)}.catalog-section{padding:var(--space-7) 0;border-bottom:1px solid var(--color-border)}.section-title{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:42px 1fr;display:grid}.section-title>span{padding-top:var(--space-1);color:var(--color-primary);font:800 12px/1.5 ui-monospace,monospace}.section-title h2{margin:0 0 var(--space-1);color:var(--color-text);letter-spacing:-.02em;font-size:25px}.section-title p{color:var(--color-muted);margin:0}.section-content{padding-left:54px}.theme-editor{padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px}.theme-editor__heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.theme-editor__heading strong,.theme-editor__heading span{display:block}.theme-editor__heading span{margin-top:var(--space-1);color:var(--color-muted);font-size:13px}.reset-button,.filter-actions button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:10px}.theme-editor__colors{gap:var(--space-3);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.color-control{align-items:center;gap:var(--space-2);min-width:0;display:flex}.color-control input{border:1px solid var(--color-border);background:0 0;border-radius:10px;width:34px;height:34px;padding:2px}.color-control strong,.color-control code{text-overflow:ellipsis;display:block;overflow:hidden}.color-control strong{font-size:12px}.color-control code{color:var(--color-muted);font-size:10px}.preview-warning{margin:var(--space-4) 0 0;padding:var(--space-3);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white);border-radius:10px}.color-grid{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.color-card{gap:var(--space-2) var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;grid-template-columns:48px 1fr;align-items:center;display:grid}.color-swatch{border-radius:12px;grid-row:1/3;width:48px;height:48px}.swatch--hover{filter:brightness(.88)}.color-card code{color:var(--color-muted);font-size:11px}.foundation-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.mini-palette,.type-samples{padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px}.mini-palette>div{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:24px 1fr auto;display:grid}.mini-palette i{border:1px solid var(--color-border);border-radius:8px;width:24px;height:24px}.mini-palette code{color:var(--color-muted);font-size:11px}.type-samples>*{margin:0 0 var(--space-3);display:block}.type-samples h3{font-size:26px}.type-samples small{color:var(--color-muted)}.type-samples strong{color:var(--color-primary);font-size:28px}.icon-row,.component-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.icon-row{margin-bottom:var(--space-5)}.icon-sample{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-primary);background:var(--color-surface);border-radius:12px;place-items:center;font-size:20px;display:grid}.component-row button{border-radius:9px}.quiet-danger{color:#9b445a!important}.choice-grid,.alert-grid,.cards-grid,.states-grid,.layout-rules{gap:var(--space-4);display:grid}.choice-grid,.alert-grid{margin-bottom:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{align-items:center;gap:var(--space-3);min-height:84px;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:16px;grid-template-columns:42px 1fr auto;transition:all .18s;display:grid}.choice-card:hover,.choice-card.active{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface))}.choice-card>b{width:40px;height:40px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, white);border-radius:12px;place-items:center;display:grid}.choice-card strong,.choice-card small{display:block}.choice-card small{margin-top:var(--space-1);color:var(--color-muted)}.alert-grid>div{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));box-shadow:none;border-radius:14px}.form-grid,.filter-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.filter-actions{gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}.layout-rules{grid-template-columns:repeat(3,1fr)}.metric{padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px}.metric span,.metric strong{display:block}.metric span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.metric strong{margin-top:var(--space-2);font-size:21px}.spacing-scale{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.spacing-token{align-items:center;gap:var(--space-2);padding:var(--space-3);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border-radius:12px;grid-template-columns:64px 1fr auto;display:grid}.spacing-token i{background:var(--color-primary);border-radius:4px;height:8px;display:block}.spacing-token strong,.spacing-token small{white-space:nowrap;font-size:11px}.spacing-token small{color:var(--color-muted)}.grid-demo{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:repeat(12,1fr);display:grid}.grid-demo span{height:48px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, white);border-radius:8px;place-items:center;font-size:11px;display:grid}.breadcrumbs{margin-bottom:var(--space-4);color:var(--color-muted)}.breadcrumbs span{padding:0 var(--space-2);color:var(--color-primary)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);display:flex}.tabs button{padding:var(--space-3) var(--space-4);color:var(--color-muted);background:0 0;border:0;border-bottom:2px solid #0000}.tabs button.active{border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.cards-grid{grid-template-columns:repeat(3,1fr)}.info-card{padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px}.info-card span{color:var(--color-muted)}.info-card strong{margin:var(--space-3) 0 var(--space-1);color:var(--color-primary);font-size:24px;display:block}.info-card p{color:var(--color-muted);margin:0}.pagination{justify-content:center;gap:var(--space-2);margin-top:var(--space-5);display:flex}.pagination>button:not([class]){background:0 0;border:0;border-radius:9px;width:36px}.pagination>button.active{color:#fff;background:var(--color-primary)}.states-grid{margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr)}.state-card{align-items:center;gap:var(--space-2);padding:var(--space-5);text-align:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;flex-direction:column;display:flex}.state-card>div{width:40px;height:40px;color:var(--color-primary);place-items:center;font-size:22px;display:grid}.state-card span{color:var(--color-muted);font-size:12px}.toast{right:var(--space-5);bottom:var(--space-5);gap:var(--space-1) var(--space-5);min-width:320px;padding:var(--space-4);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);background:var(--color-surface);z-index:20;border-radius:14px;grid-template-columns:1fr auto;display:grid;position:fixed;box-shadow:0 18px 50px #2d22282e}.toast span{color:var(--color-muted);font-size:13px}.toast button{color:var(--color-muted);background:0 0;border:0;grid-area:1/2/3;font-size:20px}.overlay{padding:var(--space-5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#231a1e66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:min(460px,100%);padding:var(--space-5);background:var(--color-surface);border-radius:20px;box-shadow:0 28px 90px #231a1e47}.modal h2,.drawer h2{margin:0 0 var(--space-2)}.modal p{margin:0 0 var(--space-5);color:var(--color-muted)}.modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.drawer{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:min(420px, calc(100% - var(--space-6)));padding:var(--space-5);background:var(--color-surface);border-radius:20px;position:absolute;box-shadow:0 28px 90px #231a1e47}.drawer__head{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.drawer__head button{background:0 0;border:0;font-size:24px}@media (width<=820px){.catalog{width:min(100% - 28px,1180px);padding-top:var(--space-5)}.hero{min-height:190px;padding:var(--space-5)}.hero__mark{display:none}.section-content{padding-left:0}.theme-editor__colors,.color-grid,.spacing-scale,.states-grid{grid-template-columns:repeat(2,1fr)}.foundation-grid,.form-grid,.filter-grid,.choice-grid,.alert-grid,.cards-grid,.layout-rules{grid-template-columns:1fr}.grid-demo{grid-template-columns:repeat(6,1fr)}}