.s-page{padding:20px;max-width:1100px;margin:0 auto}.s-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.s-head h1{margin:0;font-size:28px}.s-count{font-size:14px;color:#8a94a6;font-weight:400;margin-left:8px;background:#f0f2f5;padding:2px 10px;border-radius:12px}[data-theme=dark] .s-count{background:#2a2e3a}.s-search{position:relative;margin-bottom:16px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;box-shadow:0 2px 10px #0000000f}[data-theme=dark] .s-search{background:#1a1d27}.s-search-icon{font-size:20px;opacity:.5}.s-search input{flex:1;background:transparent;border:none;outline:none;font-size:16px;color:var(--text)}.s-clear{background:none;border:none;font-size:18px;cursor:pointer;color:#8a94a6;padding:4px 8px}.s-controls{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.s-sort{display:flex;gap:6px;align-items:center;font-size:13px;color:#8a94a6}.s-chip{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:13px;color:var(--text)}.s-chip.on{background:#667eea;color:#fff;border-color:#667eea}.s-tags{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.s-tag{padding:4px 12px;border-radius:12px;background:#f0f2f5;border:none;cursor:pointer;font-size:12px;color:var(--text)}[data-theme=dark] .s-tag{background:#2a2e3a;color:#fff}.s-tag.on{background:#667eea;color:#fff}.s-list{display:flex;flex-direction:column;gap:8px}.s-card{display:flex;gap:14px;padding:14px;background:#fff;border-radius:14px;cursor:pointer;align-items:center;box-shadow:0 2px 8px #0000000a;transition:transform .15s,box-shadow .15s}[data-theme=dark] .s-card{background:#1a1d27}.s-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.s-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.s-info{flex:1;min-width:0}.s-name{font-weight:600;font-size:15px;margin-bottom:2px}.s-card-tags{display:flex;gap:4px;margin:4px 0;flex-wrap:wrap}.s-mini-tag{font-size:11px;background:#e8ecff;color:#667eea;padding:2px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:4px}[data-theme=dark] .s-mini-tag{background:#2d3356}.s-mini-tag button{background:none;border:none;color:inherit;cursor:pointer;margin-left:4px;padding:0;font-size:12px}.s-meta{font-size:12px;color:#8a94a6;display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.s-note{font-style:italic}.s-balance{text-align:right;flex-shrink:0}.s-bal-val{font-size:18px;font-weight:700}.s-bal-lbl{font-size:11px;color:#8a94a6}.s-balance.debt .s-bal-val{color:#e53e3e}.s-balance.low .s-bal-val{color:#dd6b20}.s-empty{text-align:center;padding:60px 20px;color:#8a94a6}.s-empty-icon{font-size:64px;margin-bottom:16px}.s-empty h3{color:var(--text);margin:0 0 8px}.s-empty p{margin:0 0 20px}.modal-bg{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:20px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}[data-theme=dark] .modal{background:#1a1d27;color:#fff}.modal h2{margin:0 0 16px}.modal label{display:block;font-size:13px;color:#8a94a6;margin:12px 0 6px}.modal input,.modal textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:transparent;color:var(--text);font-family:inherit;box-sizing:border-box}.modal textarea{resize:vertical}.te-row{display:flex;gap:8px}.te-row input{flex:1}.te-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.modal-actions{display:flex;gap:8px;margin-top:20px;align-items:center}.btn.danger{background:#fee;color:#c00;border:1px solid #fcc;padding:10px 18px;border-radius:10px;cursor:pointer}[data-theme=dark] .btn.danger{background:#3a1d1d;color:#ff8080;border-color:#5a2828}.btn.primary{background:#667eea;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);padding:10px 18px;border-radius:10px;cursor:pointer}.btn{padding:10px 18px;border-radius:10px;cursor:pointer;background:#f0f2f5;border:1px solid var(--border);color:var(--text)}:root{--bg: #f7f8fc;--bg2: #ffffff;--bg3: #f0f2f8;--text: #131729;--text2: #4b5472;--muted: #7a84a0;--border: #e5e8f0;--border-strong: #d4d8e5;--acc: #6a4df0;--acc2: #0ea884;--grad: linear-gradient(135deg,#6a4df0 0%,#4dd0a8 100%);--grad2: linear-gradient(135deg,#8b7bff 0%,#4dd0a8 100%);--ok: #0ea884;--bad: #ef4457;--warn: #f59a3c;--shadow-xs: 0 1px 2px rgba(20,28,56,.04);--shadow-sm: 0 2px 6px rgba(20,28,56,.06);--shadow-md: 0 8px 22px rgba(20,28,56,.09);--shadow-lg: 0 20px 50px rgba(20,28,56,.14);--shadow-xl: 0 30px 80px rgba(20,28,56,.18);--r: 14px;--r-sm: 10px;--r-lg: 18px;--font: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}[data-theme=dark]{--bg: #0a0d18;--bg2: #131832;--bg3: #0e1222;--text: #eaf0ff;--text2: #b8c2dc;--muted: #7c85a2;--border: #232944;--border-strong: #2f3760;--acc: #9b84ff;--acc2: #4de6b5;--grad: linear-gradient(135deg,#8b7bff 0%,#4dd0a8 100%);--grad2: linear-gradient(135deg,#a898ff 0%,#6eeac7 100%);--ok: #4de6b5;--bad: #ff7a8a;--warn: #ffb06e;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5);--shadow-lg: 0 20px 60px rgba(0,0,0,.55);--shadow-xl: 0 30px 90px rgba(0,0,0,.65)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700;margin:0 0 10px;line-height:1.2}h1{font-size:30px}h2{font-size:22px;margin-top:28px}h3{font-size:17px}h4{font-size:15px}input,select,textarea,button{font-family:inherit;font-size:14.5px}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--bg2);border-right:1px solid var(--border);padding:22px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{font-size:19px;font-weight:800;padding:4px 10px 18px;border-bottom:1px solid var(--border);margin-bottom:14px;display:flex;align-items:center;gap:10px;letter-spacing:-.03em}.logo:before{content:"";width:32px;height:32px;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%236a4df0'/%3E%3Cstop offset='1' stop-color='%234dd0a8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url(%23g)'/%3E%3Cpath d='M18 33 L28 43 L46 23' stroke='white' stroke-width='8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/cover no-repeat;display:inline-block;flex-shrink:0;box-shadow:0 4px 14px #6a4df066}.sidebar nav{flex:1;display:flex;flex-direction:column;gap:3px}.content{flex:1;padding:36px 48px;max-width:1280px;margin:0 auto;width:100%}.nav{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:none;background:transparent;color:var(--text2);text-align:left;border-radius:var(--r-sm);cursor:pointer;font-size:14.5px;font-weight:500;transition:all .18s ease;position:relative}.nav:hover{background:var(--bg3);color:var(--text)}.nav.on{background:var(--grad);color:#fff;box-shadow:0 6px 18px #6a4df059}.nav.on:hover{filter:brightness(1.08)}.nav .icn{font-size:17px;opacity:.9}.btn{padding:10px 18px;border:1px solid var(--border-strong);background:var(--bg2);color:var(--text);border-radius:var(--r-sm);cursor:pointer;font-weight:600;font-size:14.5px;transition:all .18s ease;box-shadow:var(--shadow-xs);display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn:hover{background:var(--bg3);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px #6a4df04d}.btn.primary:hover{box-shadow:0 10px 24px #6a4df066;filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:var(--border-strong);color:var(--text2)}.btn.ghost:hover{color:var(--text);background:var(--bg3)}.btn.danger{color:var(--bad);border-color:#ef445766;background:#ef44570f}.btn.danger:hover{background:#ef44571f}input,select,textarea{padding:11px 15px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg2);color:var(--text);transition:all .18s ease;font-size:14.5px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px #6a4df01f}input::placeholder,textarea::placeholder{color:var(--muted)}label{display:block;font-size:13px;font-weight:600;color:var(--text2);margin:12px 0 6px;letter-spacing:.02em;text-transform:uppercase}.add-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.add-row input,.add-row select{flex:1;min-width:170px}.list{display:flex;flex-direction:column;gap:12px}.row{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-xs);transition:all .22s ease;animation:slideIn .3s ease}.row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-strong)}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.name{font-weight:700;font-size:16px;color:var(--text);margin-bottom:3px;letter-spacing:-.01em}.sub{color:var(--text2);font-size:14px;margin:5px 0;line-height:1.5}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.tag{display:inline-block;padding:4px 11px;background:var(--bg3);color:var(--text2);border-radius:12px;font-size:12.5px;font-weight:600}.tag.ok{background:#0ea8841f;color:var(--ok)}.tag.bad{background:#ef44571f;color:var(--bad)}.tag.warn{background:#f59a3c1f;color:var(--warn)}.tag.accent{background:var(--grad);color:#fff}.pay-msg{padding:14px 18px;border-radius:var(--r-sm);background:#6a4df014;color:var(--acc);font-size:14.5px;margin:14px 0;border-left:3px solid var(--acc)}details{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px 18px;margin-bottom:10px;transition:all .2s}details[open]{box-shadow:var(--shadow-sm)}summary{font-weight:600;cursor:pointer;padding:4px 0;font-size:15px}details p{margin:10px 0 0;color:var(--text2);font-size:14.5px;line-height:1.55}.theme-toggle{position:fixed;top:18px;right:18px;width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--border-strong);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:var(--shadow-md);z-index:100;transition:all .25s ease}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow-lg)}a{color:var(--acc);text-decoration:none;font-weight:500}a:hover{color:var(--acc2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.content{padding:22px}.row{flex-direction:column;align-items:flex-start;gap:12px}.row-actions{width:100%}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:24px 0}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 22px;position:relative;overflow:hidden;box-shadow:var(--shadow-xs);transition:all .25s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border-strong)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);border-radius:4px 4px 0 0}.card:nth-child(1):before{background:linear-gradient(135deg,#0ea884,#4de6b5)}.card:nth-child(2):before{background:linear-gradient(135deg,#6a4df0,#9b84ff)}.card:nth-child(3):before{background:linear-gradient(135deg,#f59a3c,#ffcd70)}.card:nth-child(4):before{background:linear-gradient(135deg,#ef4457,#ff7a8a)}.card .num{font-size:36px;font-weight:800;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:8px}.card .lbl{font-size:13.5px;color:var(--text2);font-weight:500}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:28px 0}.price-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 26px;display:flex;flex-direction:column;position:relative;transition:all .28s ease;box-shadow:var(--shadow-xs)}.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.price-card.featured{border:2px solid var(--acc);background:linear-gradient(180deg,#6a4df00f,#4dd0a80a);box-shadow:var(--shadow-md)}.price-card.featured:after{content:"ХИТ 🔥";position:absolute;top:-13px;right:18px;background:var(--grad);color:#fff;padding:5px 13px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.5px;box-shadow:0 6px 18px #6a4df059}.price-name{font-size:14px;font-weight:700;color:var(--acc);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.price-amount{font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:18px;line-height:1}.price-amount span{font-size:14.5px;color:var(--text2);font-weight:500}.price-features{list-style:none;padding:0;margin:0 0 26px;flex:1}.price-features li{padding:9px 0;font-size:14.5px;color:var(--text2);border-bottom:1px solid var(--border);line-height:1.45}.price-features li:last-child{border-bottom:none}.price-features li:before{content:"✓ ";color:var(--ok);font-weight:800;margin-right:7px}.pay-info{margin-top:18px;padding:13px 17px;background:var(--bg3);border-radius:var(--r-sm);font-size:13.5px;color:var(--text2);text-align:center}.cal-wrap{overflow-x:auto;margin-top:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg2);box-shadow:var(--shadow-xs)}.cal{width:100%;border-collapse:separate;border-spacing:0;min-width:800px;font-size:13.5px}.cal th,.cal td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:8px 10px;vertical-align:top;height:56px;min-width:110px}.cal th:last-child,.cal td:last-child{border-right:none}.cal th{background:var(--bg3);font-weight:700;color:var(--text2);position:sticky;top:0;z-index:1;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.cal th.cal-today,.cal td.cal-today{background:#6a4df014;color:var(--acc);font-weight:700}.cal-time{color:var(--muted);font-size:12px;font-weight:600;width:60px;min-width:60px;text-align:right}.cal-ev{padding:7px 10px;margin:3px 0;border-radius:8px;background:linear-gradient(135deg,#6a4df024,#4dd0a824);border-left:3px solid var(--acc);font-size:12.5px;transition:all .18s ease;cursor:pointer;line-height:1.4}.cal-ev:hover{transform:translate(3px);box-shadow:var(--shadow-sm)}.cal-ev.done{background:linear-gradient(135deg,#0ea88424,#4de6b524);border-left-color:var(--ok)}.cal-ev.cancelled{background:linear-gradient(135deg,#ef445724,#ff7a8a24);border-left-color:var(--bad);opacity:.65;text-decoration:line-through}.cal-who{font-weight:700;color:var(--text);margin-bottom:3px;font-size:13px}.cal-sub{color:var(--text2);font-size:11.5px}.lic-h2{font-size:19px;font-weight:700;margin-top:30px;margin-bottom:14px;color:var(--text);letter-spacing:-.02em}@media(max-width:768px){.cards{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}}.onboard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:28px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.onboard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}.onboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.onboard-title{font-weight:700;font-size:17px}.onboard-bar{height:7px;background:var(--bg3);border-radius:4px;overflow:hidden;margin-bottom:18px}.onboard-bar div{height:100%;background:var(--grad);transition:width .4s ease;border-radius:4px}.onboard-steps{display:flex;flex-direction:column;gap:10px}.onboard-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg3);border-radius:var(--r-sm);transition:all .18s}.onboard-step:hover{background:var(--border)}.onboard-step.done{opacity:.55}.onboard-step.done .onboard-label{text-decoration:line-through}.onboard-label{flex:1;font-size:14.5px;font-weight:500;color:var(--text)}.onboard-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:var(--bg3);color:var(--text2);border-radius:10px;cursor:pointer;font-size:15px;transition:all .18s ease}.onboard-x:hover{background:var(--bad);color:#fff;transform:rotate(90deg)}.kanban{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 18px;margin-top:24px}.kanban::-webkit-scrollbar{height:8px}.kanban-col{flex:0 0 270px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:320px;box-shadow:var(--shadow-xs)}.kanban-head{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:14.5px;display:flex;justify-content:space-between;align-items:center;background:var(--bg2);border-radius:var(--r-lg) var(--r-lg) 0 0}.kanban-cnt{background:var(--grad);color:#fff;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:11px;min-width:24px;text-align:center}.kanban-body{padding:12px;display:flex;flex-direction:column;gap:9px;flex:1}.kanban-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px;cursor:pointer;transition:all .22s ease;box-shadow:var(--shadow-xs);animation:slideIn .3s ease}.kanban-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--acc)}.k-name{font-weight:700;font-size:14.5px;color:var(--text);margin-bottom:4px}.k-sub{font-size:12.5px;color:var(--text2);margin-top:3px}.k-note{margin-top:10px;padding:8px 10px;background:var(--bg3);border-radius:7px;font-size:12.5px;color:var(--text2);font-style:italic;border-left:3px solid var(--acc)}.k-empty{text-align:center;color:var(--muted);font-size:13px;padding:26px 12px;font-style:italic}.modal-bg,.modal-backdrop{position:fixed;inset:0;background:#0a0e1ca6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .22s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px;max-width:520px;width:100%;box-shadow:var(--shadow-xl);max-height:88vh;overflow-y:auto;animation:slideUp .28s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.modal h2{margin:0 0 18px;font-size:22px;letter-spacing:-.025em}.modal textarea{width:100%;min-height:90px;resize:vertical;margin:10px 0;padding:12px 15px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);color:var(--text);font-family:inherit;line-height:1.55}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;background:var(--bg3);color:var(--text2);border-radius:10px;cursor:pointer;font-size:16px;transition:all .18s ease}.modal-close:hover{background:var(--bad);color:#fff;transform:rotate(90deg)}.modal-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;align-items:center}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}::selection{background:#6a4df04d;color:var(--text)}@media(max-width:768px){.kanban-col{flex:0 0 250px}}.layout:has(.sidebar-left){flex-direction:row}.sidebar-left{width:250px}.layout:has(.sidebar-right){flex-direction:row-reverse}.sidebar-right{width:250px;border-right:none;border-left:1px solid var(--border)}.layout:has(.navbar-top){flex-direction:column;padding-top:68px}.navbar-top{position:fixed;top:0;left:0;right:0;height:68px;z-index:100;display:flex;align-items:center;gap:5px;padding:0 18px;background:var(--bg2);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto}.layout:has(.navbar-bottom){flex-direction:column;padding-bottom:76px}.navbar-bottom{position:fixed;bottom:0;left:0;right:0;height:76px;z-index:100;display:flex;justify-content:space-around;align-items:center;background:var(--bg2);border-top:1px solid var(--border);box-shadow:0 -4px 18px #00000014}.sidebar{background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 10px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .logo{font-weight:800;font-size:20px;padding:10px 12px 18px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:3px}.sidebar-footer{padding:14px 10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.nav-pos-btn{background:transparent;border:1px solid var(--border-strong);padding:7px 12px;border-radius:9px;cursor:pointer;font-size:12.5px;color:var(--muted);transition:all .15s}.nav-pos-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn{display:flex;align-items:center;gap:10px;padding:11px 13px;background:transparent;border:none;border-radius:9px;cursor:pointer;color:var(--text2);font-size:14.5px;text-align:left;transition:all .18s;white-space:nowrap;font-weight:500}.nav-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn.on{background:var(--grad);color:#fff;font-weight:600;box-shadow:0 5px 16px #6a4df04d}.nav-icon{font-size:18px;line-height:1}.navbar-bottom .nav-btn,.navbar-top .nav-btn{flex-direction:column;gap:3px;padding:7px 10px;font-size:11.5px;flex:1;justify-content:center}.navbar-bottom .nav-icon,.navbar-top .nav-icon{font-size:23px}.navbar-bottom .nav-settings,.navbar-top .nav-settings{flex:0 0 auto;padding:7px 13px}.nav-more-panel{position:fixed;inset:0;z-index:99;background:#0a0e1c80;display:flex;align-items:flex-end;animation:fadeIn .2s}.nav-more-list{width:100%;background:var(--bg2);border-radius:18px 18px 0 0;padding:18px;max-height:72vh;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:9px;animation:slideUp .28s}.nav-more-list .nav-btn{flex-direction:column;padding:13px;font-size:12.5px;text-align:center;justify-content:center}.nav-more-list .nav-icon{font-size:25px;margin-bottom:5px}.nav-logout{background:#ef44571a!important;color:var(--bad)!important}.nav-logout.on{background:var(--bad)!important;color:#fff!important}@media(max-width:768px){.sidebar{display:none}}@media(min-width:769px){.sidebar{display:flex}}.m-layout{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.m-topbar{background:var(--bg2);padding:14px 18px 12px;padding-top:calc(env(safe-area-inset-top) + 14px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border)}.m-topbar-top{display:flex;justify-content:space-between;align-items:center}.m-logo{font-weight:800;font-size:24px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.m-topbar-actions{display:flex;gap:9px}.m-icon-btn{width:42px;height:42px;border-radius:50%;background:var(--bg3);border:none;cursor:pointer;font-size:19px;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .15s}.m-icon-btn:active{transform:scale(.92)}.m-avatar{background:var(--grad);color:#fff;font-size:16px;font-weight:700}.m-badge{position:absolute;top:-4px;right:-4px;background:var(--bad);color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg2)}.m-search{margin-top:12px;background:var(--bg3);border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 16px;height:46px}.m-search-icon{font-size:16px;opacity:.55}.m-search input{flex:1;background:transparent;border:none;outline:none;font-size:15px;color:var(--text)}.m-content{flex:1;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.m-bottomnav{position:fixed;bottom:0;left:0;right:0;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg2);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:50}.m-tab{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0;color:var(--muted);transition:color .2s}.m-tab.on{color:var(--acc)}.m-tab-icon{position:relative;font-size:23px}.m-tab-badge{position:absolute;top:-4px;right:-10px;background:var(--bad);color:#fff;font-size:9.5px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.m-tab-label{font-size:11px;font-weight:600}.m-dash{padding:18px}.m-greeting{margin-bottom:18px}.m-greeting h2{font-size:26px;font-weight:800;margin:0 0 5px;letter-spacing:-.02em}.m-greeting p{color:var(--text2);margin:0;font-size:14.5px}.m-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.m-stat-card{padding:18px;border-radius:18px;color:#fff;border:none;cursor:pointer;text-align:left;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 20px #6a4df047;transition:transform .18s;background:var(--grad)}.m-stat-card:active{transform:scale(.97)}.m-stat-icon{font-size:28px}.m-stat-value{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em}.m-stat-label{font-size:13px;opacity:.92}.m-balance-card{background:var(--grad);color:#fff;padding:24px;border-radius:22px;margin-bottom:22px;box-shadow:0 10px 30px #6a4df059}.m-balance-label{font-size:13.5px;opacity:.9}.m-balance-value{font-size:36px;font-weight:800;margin:7px 0 14px;letter-spacing:-.02em}.m-balance-btn{background:#ffffff40;color:#fff;border:none;padding:11px 18px;border-radius:11px;font-weight:600;cursor:pointer;font-size:14.5px}.m-balance-btn:hover{background:#ffffff59}.m-section-title{font-size:18px;font-weight:800;margin:22px 0 14px;letter-spacing:-.015em}.m-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:22px}.m-quick-item{background:var(--bg2);border:1px solid var(--border);cursor:pointer;padding:16px 8px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--text);box-shadow:var(--shadow-xs);transition:transform .15s}.m-quick-item:active{transform:scale(.96)}.m-quick-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.m-quick-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:23px;background:linear-gradient(135deg,#6a4df026,#4dd0a826)}.m-lessons{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.m-lesson-card{background:var(--bg2);border:1px solid var(--border);border-radius:15px;padding:15px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow-xs);cursor:pointer;transition:all .18s}.m-lesson-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.m-lesson-time{background:var(--grad);color:#fff;padding:11px 13px;border-radius:11px;font-weight:700;font-size:14.5px;min-width:60px;text-align:center}.m-lesson-info{flex:1}.m-lesson-name{font-weight:700;font-size:15.5px;letter-spacing:-.01em}.m-lesson-dur{color:var(--text2);font-size:12.5px;margin-top:3px}.m-more{padding:18px}.m-more-title{font-size:26px;font-weight:800;margin:0 0 18px;letter-spacing:-.02em}.m-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.m-more-item{background:var(--bg2);border:1px solid var(--border);cursor:pointer;padding:20px 10px;border-radius:17px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--text);box-shadow:var(--shadow-xs);transition:transform .15s}.m-more-item:active{transform:scale(.96)}.m-more-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.m-more-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#6a4df026,#4dd0a826);display:flex;align-items:center;justify-content:center;font-size:27px}.m-content>*{background:transparent!important}.m-content h1,.m-content h2{font-size:21px!important}@media(max-width:768px){.layout{display:none!important}body>.theme-toggle{display:none!important}}@media(min-width:769px){.m-layout{display:none!important}}[data-design=sunset]{--acc:#e11d48;--acc2:#f59e0b;--grad:linear-gradient(135deg,#f43f5e,#f59e0b);--grad2:linear-gradient(135deg,#fb7185,#fbbf24);--r:16px;--r-sm:10px;--r-lg:22px;--shadow-md:0 10px 26px rgba(244,63,94,.14);--shadow-lg:0 20px 50px rgba(245,158,11,.16)}[data-design=sunset][data-theme=dark]{--acc:#fb7185;--acc2:#fbbf24;--grad:linear-gradient(135deg,#f43f5e,#f59e0b);--grad2:linear-gradient(135deg,#fb7185,#fbbf24);--bg:#160b10;--bg2:#241019;--bg3:#1c0d13;--border:#3d1f2b;--border-strong:#54293a}[data-design=royal]{--acc:#111827;--acc2:#b48a2f;--grad:linear-gradient(135deg,#1f2937,#b48a2f);--grad2:linear-gradient(135deg,#374151,#d4af37);--r:6px;--r-sm:4px;--r-lg:10px;--shadow-sm:0 2px 6px rgba(17,24,39,.08);--shadow-md:0 8px 22px rgba(180,138,47,.15);--shadow-lg:0 20px 50px rgba(17,24,39,.2)}[data-design=royal][data-theme=dark]{--acc:#e5e7eb;--acc2:#d4af37;--grad:linear-gradient(135deg,#d4af37,#8a6d1f);--grad2:linear-gradient(135deg,#e6c65c,#b48a2f);--bg:#0c0c0c;--bg2:#161616;--bg3:#101010;--border:#2b2b2b;--border-strong:#3d3d3d}.design-toggle{position:fixed;top:70px;right:18px;width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--border-strong);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:var(--shadow-md);z-index:100;transition:.25s}.design-toggle:hover{transform:scale(1.1) rotate(-15deg)}[data-design=nova]{--acc:#4f46e5;--acc2:#d946ef;--grad:linear-gradient(135deg,#4f46e5,#d946ef);--grad2:linear-gradient(135deg,#6366f1,#f0abfc);--r:10px;--r-sm:8px;--r-lg:14px;--shadow-md:0 8px 24px rgba(79,70,229,.14);--shadow-lg:0 20px 50px rgba(217,70,239,.18)}[data-design=nova][data-theme=dark]{--acc:#818cf8;--acc2:#e879f9;--grad:linear-gradient(135deg,#6366f1,#d946ef);--grad2:linear-gradient(135deg,#818cf8,#f0abfc);--bg:#0b0b12;--bg2:#151522;--bg3:#101018;--border:#26263a;--border-strong:#33334d}[data-design=ocean]{--acc:#0284c7;--acc2:#10b981;--grad:linear-gradient(135deg,#0ea5e9,#10b981);--grad2:linear-gradient(135deg,#38bdf8,#34d399);--r:18px;--r-sm:12px;--r-lg:24px;--shadow-sm:0 2px 8px rgba(2,132,199,.1);--shadow-md:0 10px 26px rgba(16,185,129,.14);--shadow-lg:0 20px 50px rgba(2,132,199,.16)}[data-design=ocean][data-theme=dark]{--acc:#38bdf8;--acc2:#34d399;--grad:linear-gradient(135deg,#0ea5e9,#10b981);--grad2:linear-gradient(135deg,#38bdf8,#34d399);--bg:#071018;--bg2:#0d1a26;--bg3:#0a141d;--border:#1d3242;--border-strong:#28455c}@media(max-width:768px){.design-toggle{display:flex;top:auto;bottom:calc(86px + env(safe-area-inset-bottom));right:14px}}[data-design=nova] .content{padding:24px 28px;max-width:1400px}[data-design=nova] .row{padding:12px 16px;border-radius:8px;box-shadow:none}[data-design=nova] .card{border-radius:10px;box-shadow:none;border:1px solid var(--border-strong)}[data-design=nova] .btn{border-radius:6px;padding:8px 14px;font-size:13.5px}[data-design=nova] input,[data-design=nova] select,[data-design=nova] textarea{border-radius:6px;padding:9px 12px;font-size:13.5px}[data-design=nova] .sidebar{width:210px}[data-design=nova] h1{font-size:24px}[data-design=nova] .modal{border-radius:12px 0 0 12px}[data-design=ocean]{--glass:rgba(255,255,255,.65)}[data-design=ocean][data-theme=dark]{--glass:rgba(13,26,38,.6)}[data-design=ocean] .content{padding:44px 56px}[data-design=ocean] .row,[data-design=ocean] .card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border:1px solid transparent}[data-design=ocean] .btn{border-radius:999px}[data-design=ocean] input,[data-design=ocean] select,[data-design=ocean] textarea{border-radius:14px}[data-design=ocean] .sidebar{width:270px;border-right:none;box-shadow:var(--shadow-md)}[data-design=ocean] h1{font-size:34px;font-weight:800}[data-design=sunset]{--glass:rgba(255,247,237,.8)}[data-design=sunset][data-theme=dark]{--glass:rgba(36,16,25,.6)}[data-design=sunset] .row,[data-design=sunset] .card{border-radius:20px}[data-design=sunset] .btn{border-radius:999px}[data-design=sunset] .sidebar{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-design=sunset] h1,[data-design=sunset] h2{letter-spacing:-.03em}[data-design=royal] .row,[data-design=royal] .card{border-radius:4px;border:1px solid var(--border-strong);box-shadow:none}[data-design=royal] .btn{border-radius:3px;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px}[data-design=royal] h1,[data-design=royal] h2,[data-design=royal] .logo{font-family:Georgia,Times New Roman,serif;letter-spacing:0}[data-design=royal] input,[data-design=royal] select,[data-design=royal] textarea{border-radius:3px}[data-design=royal] .nav.on{background:var(--bg2);color:var(--acc2);border:1px solid var(--acc2);box-shadow:none}[data-design=nova] .content{padding:20px 24px}[data-design=nova] h1{font-size:20px;font-weight:700}[data-design=nova] h2{font-size:16px}[data-design=nova] .row{padding:10px 14px;border-radius:6px;box-shadow:none;border:1px solid var(--border)}[data-design=nova] .card{border-radius:8px;box-shadow:none}[data-design=nova] .btn{border-radius:5px;padding:6px 12px;font-size:12.5px;box-shadow:none}[data-design=nova] .btn.primary{background:var(--acc);background-image:none}[data-design=nova] input,[data-design=nova] select,[data-design=nova] textarea{border-radius:5px;padding:7px 10px;font-size:13px}[data-design=nova] .sidebar{width:190px;padding:12px 8px}[data-design=nova] .nav{padding:7px 10px;font-size:13px;border-radius:6px}[data-design=nova] .name{font-size:14px}[data-design=nova] .sub{font-size:12px}[data-design=ocean] .content{padding:48px 60px;max-width:1400px}[data-design=ocean] h1{font-size:36px;font-weight:800}[data-design=ocean] .row,[data-design=ocean] .card{border-radius:24px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid transparent;box-shadow:var(--shadow-lg)}[data-design=ocean] .btn{border-radius:999px;padding:12px 22px}[data-design=ocean] input,[data-design=ocean] select,[data-design=ocean] textarea{border-radius:16px;padding:13px 18px}[data-design=ocean] .sidebar{width:280px;border:none;box-shadow:var(--shadow-lg);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-design=ocean] .nav{border-radius:14px;padding:12px 16px}[data-design=sunset] .row,[data-design=sunset] .card{border-radius:28px}[data-design=sunset] .btn{border-radius:999px;padding:12px 24px;font-weight:700}[data-design=sunset] input,[data-design=sunset] select,[data-design=sunset] textarea{border-radius:20px}[data-design=sunset] .sidebar{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:none}[data-design=sunset] .nav{border-radius:999px}[data-design=sunset] h1{font-size:30px}[data-design=royal] h1,[data-design=royal] h2,[data-design=royal] .logo{font-family:Georgia,Times New Roman,serif}[data-design=royal] .btn{border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:700}[data-design=royal] .btn.primary{background:var(--bg2);background-image:none;color:var(--acc2);border:1px solid var(--acc2)}[data-design=royal] .row,[data-design=royal] .card{border-radius:2px;border:1px solid var(--border-strong);box-shadow:none}[data-design=royal] .nav.on{background:transparent;background-image:none;color:var(--acc2);border-left:3px solid var(--acc2);border-radius:0}[data-design=royal] .sidebar{border-right:2px solid var(--acc2)}[data-design=royal] input,[data-design=royal] select,[data-design=royal] textarea{border-radius:2px}[data-palette=indigo]{--acc:#4f46e5;--acc2:#d946ef;--grad:linear-gradient(135deg,#4f46e5,#d946ef);--grad2:linear-gradient(135deg,#6366f1,#f0abfc)}[data-palette=indigo][data-theme=dark]{--acc:#818cf8;--acc2:#e879f9;--grad:linear-gradient(135deg,#6366f1,#d946ef);--grad2:linear-gradient(135deg,#818cf8,#f0abfc);--bg:#0b0b12;--bg2:#151522;--bg3:#101018;--border:#26263a;--border-strong:#33334d}[data-palette=sky]{--acc:#0284c7;--acc2:#10b981;--grad:linear-gradient(135deg,#0ea5e9,#10b981);--grad2:linear-gradient(135deg,#38bdf8,#34d399)}[data-palette=sky][data-theme=dark]{--acc:#38bdf8;--acc2:#34d399;--bg:#071018;--bg2:#0d1a26;--bg3:#0a141d;--border:#1d3242;--border-strong:#28455c}[data-palette=sunset]{--acc:#e11d48;--acc2:#f59e0b;--grad:linear-gradient(135deg,#f43f5e,#f59e0b);--grad2:linear-gradient(135deg,#fb7185,#fbbf24)}[data-palette=sunset][data-theme=dark]{--acc:#fb7185;--acc2:#fbbf24;--bg:#160b10;--bg2:#241019;--bg3:#1c0d13;--border:#3d1f2b;--border-strong:#54293a}[data-palette=royal]{--acc:#111827;--acc2:#b48a2f;--grad:linear-gradient(135deg,#1f2937,#b48a2f);--grad2:linear-gradient(135deg,#374151,#d4af37)}[data-palette=royal][data-theme=dark]{--acc:#e5e7eb;--acc2:#d4af37;--grad:linear-gradient(135deg,#d4af37,#8a6d1f);--grad2:linear-gradient(135deg,#e6c65c,#b48a2f);--bg:#0c0c0c;--bg2:#161616;--bg3:#101010;--border:#2b2b2b;--border-strong:#3d3d3d}[data-style=compact]{--r:8px;--r-sm:6px;--r-lg:10px}[data-style=compact] .content{padding:20px 24px}[data-style=compact] h1{font-size:20px}[data-style=compact] h2{font-size:16px}[data-style=compact] .row{padding:10px 14px}[data-style=compact] .btn{padding:6px 12px;font-size:12.5px;box-shadow:none}[data-style=compact] .btn.primary{background:var(--acc);background-image:none}[data-style=compact] input,[data-style=compact] select,[data-style=compact] textarea{padding:7px 10px;font-size:13px}[data-style=compact] .sidebar{width:190px}[data-style=compact] .nav{padding:7px 10px;font-size:13px}[data-style=compact] .name{font-size:14px}[data-style=compact] .sub{font-size:12px}[data-style=glass]{--r:24px;--r-sm:16px;--r-lg:28px;--glass:rgba(255,255,255,.65)}[data-style=glass][data-theme=dark]{--glass:rgba(13,26,38,.6)}[data-style=glass] .content{padding:48px 60px}[data-style=glass] h1{font-size:36px;font-weight:800}[data-style=glass] .row,[data-style=glass] .card{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:transparent;box-shadow:var(--shadow-lg)}[data-style=glass] .btn{border-radius:999px;padding:12px 22px}[data-style=glass] input,[data-style=glass] select,[data-style=glass] textarea{border-radius:16px;padding:13px 18px}[data-style=glass] .sidebar{width:280px;border-right:none;box-shadow:var(--shadow-lg);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-style=glass] .nav{border-radius:14px;padding:12px 16px}[data-style=cozy]{--r:28px;--r-sm:20px;--r-lg:32px}[data-style=cozy] .btn{border-radius:999px;padding:12px 24px;font-weight:700}[data-style=cozy] input,[data-style=cozy] select,[data-style=cozy] textarea{border-radius:20px}[data-style=cozy] .sidebar{border-right:none}[data-style=cozy] .nav{border-radius:999px}[data-style=cozy] h1{font-size:30px}[data-style=strict]{--r:2px;--r-sm:2px;--r-lg:4px}[data-style=strict] h1,[data-style=strict] h2,[data-style=strict] .logo{font-family:Georgia,Times New Roman,serif}[data-style=strict] .btn{border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:700}[data-style=strict] .btn.primary{background:var(--bg2);background-image:none;color:var(--acc2);border:1px solid var(--acc2)}[data-style=strict] .row,[data-style=strict] .card{box-shadow:none}[data-style=strict] .nav.on{background:transparent;background-image:none;color:var(--acc2);border-left:3px solid var(--acc2);border-radius:0}[data-style=strict] .sidebar{border-right:2px solid var(--acc2)}[data-palette=otmet]{--acc:#6a4df0;--acc2:#4dd0a8;--acc3:#f472b6;--grad:linear-gradient(135deg,#6a4df0 0%,#4dd0a8 50%,#f472b6 100%);--grad2:linear-gradient(135deg,#8b7bff,#4dd0a8,#f9a8d4)}[data-palette=otmet] .card:nth-child(1):before{background:linear-gradient(135deg,#6a4df0,#8b7bff)}[data-palette=otmet] .card:nth-child(2):before{background:linear-gradient(135deg,#4dd0a8,#6ee7b7)}[data-palette=otmet] .card:nth-child(3):before{background:linear-gradient(135deg,#f472b6,#f9a8d4)}[data-palette=otmet] .btn.primary{background:linear-gradient(135deg,#6a4df0,#4dd0a8,#f472b6);background-size:200% 200%;animation:gradShift 8s ease infinite}[data-palette=indigo]{--acc:#4f46e5;--acc2:#d946ef;--acc3:#f59e0b;--grad:linear-gradient(135deg,#4f46e5 0%,#d946ef 50%,#f59e0b 100%);--grad2:linear-gradient(135deg,#6366f1,#d946ef,#fbbf24)}[data-palette=indigo] .card:nth-child(1):before{background:linear-gradient(135deg,#4f46e5,#6366f1)}[data-palette=indigo] .card:nth-child(2):before{background:linear-gradient(135deg,#d946ef,#e879f9)}[data-palette=indigo] .card:nth-child(3):before{background:linear-gradient(135deg,#f59e0b,#fbbf24)}[data-palette=sky]{--acc:#0ea5e9;--acc2:#10b981;--acc3:#f43f5e;--grad:linear-gradient(135deg,#0ea5e9 0%,#10b981 50%,#f43f5e 100%);--grad2:linear-gradient(135deg,#38bdf8,#34d399,#fb7185)}[data-palette=sky] .card:nth-child(1):before{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}[data-palette=sky] .card:nth-child(2):before{background:linear-gradient(135deg,#10b981,#34d399)}[data-palette=sky] .card:nth-child(3):before{background:linear-gradient(135deg,#f43f5e,#fb7185)}[data-palette=sunset]{--acc:#f43f5e;--acc2:#f59e0b;--acc3:#8b5cf6;--grad:linear-gradient(135deg,#f43f5e 0%,#f59e0b 50%,#8b5cf6 100%);--grad2:linear-gradient(135deg,#fb7185,#fbbf24,#a78bfa)}[data-palette=sunset] .card:nth-child(1):before{background:linear-gradient(135deg,#f43f5e,#fb7185)}[data-palette=sunset] .card:nth-child(2):before{background:linear-gradient(135deg,#f59e0b,#fbbf24)}[data-palette=sunset] .card:nth-child(3):before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}[data-palette=royal]{--acc:#1f2937;--acc2:#d4af37;--acc3:#ef4444;--grad:linear-gradient(135deg,#1f2937 0%,#d4af37 50%,#ef4444 100%);--grad2:linear-gradient(135deg,#374151,#e6c65c,#f87171)}[data-palette=royal] .card:nth-child(1):before{background:linear-gradient(135deg,#1f2937,#374151)}[data-palette=royal] .card:nth-child(2):before{background:linear-gradient(135deg,#d4af37,#e6c65c)}[data-palette=royal] .card:nth-child(3):before{background:linear-gradient(135deg,#ef4444,#f87171)}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-style=classic] .cal-wrap,[data-style=compact] .cal-wrap{background:linear-gradient(180deg,var(--bg2) 0%,rgba(var(--acc-rgb, 106,77,240),.04) 100%);border:1px solid var(--border)}[data-style=glass] .cal-wrap{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-style=cozy] .cal-wrap{background:linear-gradient(135deg,var(--bg2),rgba(var(--acc-rgb, 244,63,94),.06))}[data-style=strict] .cal-wrap{background:var(--bg2);border:1px solid var(--border-strong)}[data-palette=otmet]{--acc-rgb:106,77,240}[data-palette=indigo]{--acc-rgb:79,70,229}[data-palette=sky]{--acc-rgb:14,165,233}[data-palette=sunset]{--acc-rgb:244,63,94}[data-palette=royal]{--acc-rgb:31,41,55}.content{background:linear-gradient(180deg,var(--bg) 0%,rgba(106,77,240,.04) 50%,var(--bg) 100%);min-height:100vh}[data-palette=otmet] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(106,77,240,.05) 50%,var(--bg) 100%)}[data-palette=indigo] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(79,70,229,.05) 50%,var(--bg) 100%)}[data-palette=sky] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(14,165,233,.05) 50%,var(--bg) 100%)}[data-palette=sunset] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(244,63,94,.05) 50%,var(--bg) 100%)}[data-palette=royal] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(212,175,55,.04) 50%,var(--bg) 100%)}[data-theme=dark] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(106,77,240,.03) 50%,var(--bg) 100%)}[data-palette=otmet][data-theme=dark] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(106,77,240,.04) 50%,var(--bg) 100%)}[data-palette=indigo][data-theme=dark] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(79,70,229,.04) 50%,var(--bg) 100%)}[data-palette=sky][data-theme=dark] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(14,165,233,.04) 50%,var(--bg) 100%)}[data-palette=sunset][data-theme=dark] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(244,63,94,.04) 50%,var(--bg) 100%)}[data-palette=royal][data-theme=dark] .content{background:linear-gradient(180deg,var(--bg) 0%,rgba(212,175,55,.03) 50%,var(--bg) 100%)}[data-palette=otmet] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(106,77,240,.08) 25%,rgba(77,208,168,.06) 50%,rgba(244,114,182,.04) 75%,var(--bg) 100%)}[data-palette=indigo] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(79,70,229,.1) 25%,rgba(217,70,239,.08) 50%,rgba(245,158,11,.05) 75%,var(--bg) 100%)}[data-palette=sky] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(14,165,233,.1) 25%,rgba(16,185,129,.08) 50%,rgba(244,63,94,.05) 75%,var(--bg) 100%)}[data-palette=sunset] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(244,63,94,.1) 25%,rgba(245,158,11,.08) 50%,rgba(139,92,246,.05) 75%,var(--bg) 100%)}[data-palette=royal] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(31,41,55,.12) 25%,rgba(212,175,55,.08) 50%,rgba(239,68,68,.05) 75%,var(--bg) 100%)}[data-palette=otmet][data-theme=dark] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(106,77,240,.12) 25%,rgba(77,208,168,.1) 50%,rgba(244,114,182,.08) 75%,var(--bg) 100%)}[data-palette=indigo][data-theme=dark] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(79,70,229,.15) 25%,rgba(217,70,239,.12) 50%,rgba(245,158,11,.08) 75%,var(--bg) 100%)}[data-palette=sky][data-theme=dark] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(14,165,233,.15) 25%,rgba(16,185,129,.12) 50%,rgba(244,63,94,.08) 75%,var(--bg) 100%)}[data-palette=sunset][data-theme=dark] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(244,63,94,.15) 25%,rgba(245,158,11,.12) 50%,rgba(139,92,246,.08) 75%,var(--bg) 100%)}[data-palette=royal][data-theme=dark] .content{background:linear-gradient(135deg,var(--bg) 0%,rgba(31,41,55,.18) 25%,rgba(212,175,55,.12) 50%,rgba(239,68,68,.08) 75%,var(--bg) 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6a4df066;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#6a4df099}*{scrollbar-width:thin;scrollbar-color:rgba(106,77,240,.45) transparent}button{transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.98)}input,textarea,select{transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #6a4df038}tbody tr:nth-child(2n){background:#ffffff05}tbody tr:hover{background:#6a4df00f}#toast-box{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:340px}.toast{padding:12px 16px;border-radius:12px;color:#fff;font-size:14px;box-shadow:0 8px 24px #00000059;animation:toast-in .25s ease;transition:opacity .35s,transform .35s}.toast-ok{background:linear-gradient(135deg,#2e7d32,#4dd0a8)}.toast-err{background:linear-gradient(135deg,#c62828,#f44336)}.toast-info{background:linear-gradient(135deg,#6a4df0,#4dd0a8)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}thead th{position:sticky;top:0;z-index:5;background:var(--card, #1b1e33)}@media(max-width:860px){div:has(>.nav){display:flex;overflow-x:auto;gap:6px;padding-bottom:6px}.nav{flex:0 0 auto}}.skel{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:200% 100%;animation:skel 1.4s infinite ease-in-out}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}html[data-theme=light],html.light,.theme-light{background:#f5f6fa;color:#1a1d2e}html[data-theme=light] .card,html[data-theme=light] [style*=card],html[data-theme=light] .s-card{background:#fff!important;border-color:#e5e7ef!important;color:#1a1d2e!important}html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{background:#fff!important;color:#1a1d2e!important;border-color:#d8dce8!important}html[data-theme=light] .nav{color:#4a5070}html[data-theme=light] .nav.on{background:linear-gradient(135deg,#6a4df0,#4dd0a8);color:#fff}html[data-theme=light] button{color:#1a1d2e}html[data-theme=light] button.primary,html[data-theme=light] .btn.primary{color:#fff}html[data-theme=light] tbody tr:nth-child(2n){background:#f9fafc}html[data-theme=light] tbody tr:hover{background:#eef1f8}html[data-theme=light] thead th{background:#fff!important;color:#1a1d2e!important;border-bottom:2px solid #e5e7ef}html[data-theme=light] .skel{background:linear-gradient(90deg,#eceef5 25%,#d8dce8,#eceef5 75%);background-size:200% 100%}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#6a4df08c}#toast-box{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 24px))}@media(min-width:900px){#toast-box{left:auto;right:18px;transform:none}}.tg-toast{display:flex;gap:12px;align-items:flex-start;background:#121426f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px #0000008c;animation:tg-in .38s cubic-bezier(.2,.9,.3,1.15);position:relative;overflow:hidden;color:#fff}.tg-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}.tg-ok .tg-icon{background:linear-gradient(135deg,#2e7d32,#4dd0a8)}.tg-err .tg-icon{background:linear-gradient(135deg,#c62828,#ff7043)}.tg-info .tg-icon{background:linear-gradient(135deg,#6a4df0,#4dd0a8)}.tg-money .tg-icon{background:linear-gradient(135deg,#f9a825,#ffca28)}.tg-title{font-weight:700;font-size:14px;margin-bottom:2px}.tg-msg{font-size:13px;opacity:.9;line-height:1.35}.tg-close{margin-left:auto;background:transparent;border:none;color:#888;font-size:15px;cursor:pointer;padding:2px 6px}.tg-close:hover{color:#fff}.tg-bar{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#6a4df0,#4dd0a8);animation:tg-bar 4s linear forwards}.tg-err .tg-bar{background:linear-gradient(90deg,#c62828,#ff7043)}.tg-money .tg-bar{background:linear-gradient(90deg,#f9a825,#ffca28)}@keyframes tg-in{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:none}}@keyframes tg-bar{0%{width:100%}to{width:0}}.tg-out{opacity:0;transform:translateY(-16px);transition:.3s}button{border-radius:12px;letter-spacing:.1px}button:not(:disabled):hover{filter:brightness(1.1)}button:not(:disabled):active{filter:brightness(.94)}button:focus-visible{outline:2px solid #6a4df0;outline-offset:2px}.btn{padding:10px 18px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s,filter .12s,box-shadow .12s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#c62828,#f44336);color:#fff;box-shadow:0 6px 18px #f4433640}.btn-primary{background:linear-gradient(135deg,#6a4df0,#4dd0a8);color:#fff;box-shadow:0 6px 18px #6a4df04d}.btn-ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff}.btn-ghost:hover{background:#ffffff1c}.btn-secondary{background:#6a4df029;border:1px solid rgba(106,77,240,.45);color:#c9b8ff}.btn{padding:12px 20px!important;border-radius:12px!important;font-weight:700!important;font-size:14px!important;opacity:1!important;filter:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.btn-danger{background:linear-gradient(135deg,#d32f2f,#ff5252)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #f4433659!important}.btn-primary{background:linear-gradient(135deg,#7c5cff,#4dd0a8)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #7c5cff66!important}.btn-ghost{background:#ffffff14!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important}.btn-secondary{background:#7c5cff2e!important;color:#d4c6ff!important;border:1px solid rgba(124,92,255,.5)!important;box-shadow:none!important}.btn:hover{filter:brightness(1.15)!important;transform:translateY(-1px)}.btn:active{transform:scale(.97)}html[data-palette] .btn-primary{background:var(--accent, #6a4df0)!important;box-shadow:0 1px 2px #0000004d!important}html[data-palette] .nav.on{background:#ffffff17!important;color:#fff!important;box-shadow:none!important}.nav{background:transparent!important;border:none!important;border-radius:10px!important;font-weight:600!important;font-size:13.5px!important;letter-spacing:.1px;color:#ffffff9e!important;padding:9px 14px!important;box-shadow:none!important}.nav:hover{background:#ffffff0d!important;color:#ffffffe6!important}button,input,textarea,select{border-radius:10px!important}h1,h2,h3{letter-spacing:-.015em!important}body{font-variant-numeric:tabular-nums}.card,[class*=card]{box-shadow:none!important}.btn-danger{box-shadow:0 1px 2px #0000004d!important}.btn-ghost,.btn-secondary{box-shadow:none!important}.tg-toast{border-radius:12px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}h2{font-size:20px!important;font-weight:700!important;letter-spacing:-.015em!important;margin:0 0 16px!important}h3{font-size:16px!important;font-weight:600!important;margin:0 0 12px!important}table th,table td{border-bottom:1px solid rgba(255,255,255,.06)!important}.list>*+*{border-top:1px solid rgba(255,255,255,.05)}:root{--bg: #0c0d11;--bg2: #12141a;--card: #151821;--line: rgba(255,255,255,.08);--txt: #e8eaf2;--mut: #9aa1b5;--acc: #6a4df0;--rad: 12px}html,body{background:var(--bg)!important;color:var(--txt)!important}::selection{background:color-mix(in srgb,var(--acc) 45%,transparent)}button{background:#ffffff0f!important;border:1px solid var(--line)!important;color:var(--txt)!important}.btn-primary,.btn-danger,.btn-ghost,.btn-secondary,.nav,.tg-close{border:none!important}.btn-ghost{background:#ffffff0f!important;border:1px solid var(--line)!important}.btn-secondary{background:color-mix(in srgb,var(--acc) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent)!important;color:color-mix(in srgb,var(--acc) 70%,white)!important}input,textarea,select{background:var(--bg2)!important;border:1px solid var(--line)!important;color:var(--txt)!important;border-radius:10px!important}input::placeholder,textarea::placeholder{color:var(--mut)!important}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--acc) 60%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)!important}[class*=card],.list>*{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--rad)!important;box-shadow:none!important}h1,h2,h3,h4{color:var(--txt)!important}p,span,div{color:inherit}.sub,[class*=sub],[class*=mut]{color:var(--mut)!important}.tg-toast{background:color-mix(in srgb,var(--card) 92%,transparent)!important;border:1px solid var(--line)!important}::-webkit-scrollbar-thumb{background:#ffffff1f}option{background:var(--card);color:var(--txt)}html[data-theme=light]{--bg:#f6f7fb;--bg2:#ffffff;--card:#ffffff;--line:rgba(16,20,40,.1);--txt:#171a26;--mut:#69708c}html[data-theme=light] body{background:var(--bg)!important}html[data-theme=light] button{background:#1014280b!important;border-color:var(--line)!important;color:var(--txt)!important}html[data-theme=light] .btn-primary{background:var(--acc)!important;color:#fff!important}html[data-theme=light] .btn-danger{background:linear-gradient(135deg,#d32f2f,#ff5252)!important;color:#fff!important}html[data-theme=light] .btn-ghost{background:#1014280b!important}html[data-theme=light] .btn-secondary{background:#6a4df01a!important;color:#5b3df0!important;border-color:#6a4df059!important}html[data-theme=light] .nav{color:#1418289e!important}html[data-theme=light] .nav.on{background:#6a4df01f!important;color:#4a2fe0!important}html[data-theme=light] .nav:hover{background:#1014280d!important}html[data-theme=light] .tg-toast{color:var(--txt)!important;background:#fff!important;box-shadow:0 12px 40px #1418282e!important}html[data-theme=light] .tg-msg{color:var(--mut)}html[data-theme=light] .tg-close{color:#98a0b8}html[data-theme=light] tbody tr:nth-child(2n){background:#f2f4fa!important}html[data-theme=light] tbody tr:hover{background:#6a4df012!important}html[data-theme=light] thead th{background:#fff!important;color:var(--txt)!important}html[data-theme=light] .skel{background:linear-gradient(90deg,#eceef5 25%,#dfe3ee,#eceef5 75%)!important;background-size:200% 100%}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#1014282e}html[data-theme=light] [style*=linear-gradient]{background:#fff!important;color:var(--txt)!important;border:1px solid var(--line)!important}html[data-theme=light] [style*="rgba(255, 255, 255,"],html[data-theme=light] [style*="rgba(255,255,255,"]{background:#fff!important;border-color:var(--line)!important;color:var(--txt)!important}html[data-theme=light] option{background:#fff;color:var(--txt)}:root{--acc2: #4dd0a8}html[data-theme=light]{--acc2: #0a8f68}html[data-theme=light] [style*=linear-gradient],html[data-theme=light] [style*=-webkit-text-fill-color]{-webkit-text-fill-color:var(--txt)!important}html[data-theme=light] [style*="rgb(255, 255, 255)"]:not([style*="rgb(106, 77, 240)"]):not([style*="rgb(77, 208, 168)"]):not([style*="rgb(244, 67, 54)"]):not([style*=linear-gradient]){color:var(--txt)!important}html[data-theme=light] [style*="color: white"]:not([style*=linear-gradient]){color:var(--txt)!important}html[data-theme=light] [style*=linear-gradient]:not([style*="border-radius: 8px"]):not([style*="border-radius: 6px"]){background:transparent!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:var(--txt)!important;color:var(--txt)!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,a,[role=button],input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px!important}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}img,svg,video{max-width:100%;height:auto}@media(max-width:768px){button,.btn,[role=button]{min-height:44px}h1{font-size:clamp(22px,6vw,32px)}}@media(max-width:480px){button,.btn,[role=button]{min-height:46px}}.m-layout nav svg{width:22px;height:22px}.m-content{overflow-x:hidden}.cal-wrap{background:var(--bg);border-radius:12px;overflow:auto;-webkit-overflow-scrolling:touch}.cal{background:var(--bg);border-collapse:collapse;min-width:700px}.cal th,.cal td{background:var(--bg)!important;border-color:var(--border)!important;color:var(--text)}.cal-today{background:var(--card)!important}.cal-ev{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:4px 6px;margin:2px 0}@media(max-width:768px){.cal{min-width:100%}.cal th,.cal td{padding:6px 4px;font-size:12px}}.m-content,.m-content h1,.m-content h2,.m-content h3,.m-content h4,.m-content p,.m-content span,.m-content div,.m-content li,.m-content td,.m-content th,.m-content label,.m-content input,.m-content select,.m-content textarea{color:var(--text)!important}.m-content input,.m-content select,.m-content textarea{background:var(--bg)!important;border:1px solid var(--border)!important}.m-content .cal-ev.done,.m-content .cal-ev.completed{color:#7ee2a8!important}.m-content .cal-ev.cancelled{color:#ff8a8a!important}.m-content{padding:0 4px}.m-content h1{font-size:22px!important;margin:14px 4px 10px}.m-content h2{font-size:18px!important}.m-content h3{font-size:16px!important}.m-content p,.m-content li{font-size:14px!important;line-height:1.5}.m-content [class*=card],.m-content [class*=faq]{padding:14px!important}