.app-shell{min-height:100vh;height:100vh;position:relative;isolation:isolate;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.15),transparent 35%),radial-gradient(circle at 80% 10%,rgba(124,58,237,.18),transparent 32%),linear-gradient(145deg,var(--page-bg) 0%,rgba(255,255,255,0) 40%),var(--page-bg);padding:0;--sidebar-width: 320px;overflow:hidden}.route-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);background:var(--page-bg);font-weight:600}.route-loading__mark{width:36px;height:36px;border:3px solid rgba(37,99,235,.18);border-top-color:#2563eb;border-radius:999px;animation:route-loading-spin .8s linear infinite}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.app-shell--collapsed{--sidebar-width: 64px}.app-shell:before,.app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.app-shell:before{background:radial-gradient(circle at 70% 30%,rgba(96,165,250,.18),transparent 35%);filter:blur(32px)}.app-shell:after{background:radial-gradient(circle at 25% 75%,rgba(124,58,237,.18),transparent 40%);filter:blur(36px)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-1);padding:1.25rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-title{font-size:2rem;font-weight:700}.page-subtitle{margin-top:.35rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none;color:inherit}.btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.btn--primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 10px 20px #22c55e40}.btn--ghost{border-color:var(--border);background:#94a3b814;color:var(--text)}.btn__icon{width:16px;height:16px;display:inline-block}.theory-page{display:flex;flex-direction:column;gap:1.5rem}.theory-filters{display:flex;flex-direction:column;gap:1rem}.theory-filters__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.theory-search input{margin-top:.35rem}.theory-table-card{padding:0;overflow:hidden}.theory-table{width:100%;border-collapse:collapse;font-size:.95rem}.theory-table thead{background:#0f172a0d}.theory-table th,.theory-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.theory-table th.theory-count,.theory-table td.theory-count{text-align:center;width:120px}.theory-table th.theory-actions{text-align:right}.theory-group td{background:linear-gradient(90deg,#22c55e1f,#22c55e14);font-weight:700;font-size:1rem;color:#15803d;padding:1rem 1.25rem;border-left:4px solid #22c55e}.theory-topic td{background:#0f172a08;padding-left:1.5rem;font-weight:500}.theory-topic td:first-child{border-left:3px solid #cbd5e1}.theory-subtopic td{background:#0f172a03;padding-left:2.25rem}.theory-subtopic td:first-child{border-left:2px solid #e2e8f0}.theory-table td.theory-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.theory-indent{display:inline-block;width:24px;position:relative}.theory-indent:before{content:"└";color:var(--color-gray-400);position:absolute;left:0}.theory-empty{text-align:center;color:var(--muted)}.theory-empty__title{font-weight:700;color:var(--text);margin-bottom:.4rem}.theory-empty__subtitle{margin-bottom:1rem}.theory-article{display:flex;flex-direction:column;gap:1.5rem}.theory-breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;color:var(--muted);font-size:.9rem}.theory-breadcrumbs a{color:#2563eb;text-decoration:none}.theory-breadcrumbs__current{color:var(--text);font-weight:600}.theory-article__title{font-size:2.2rem;margin:0}.theory-article__panel{border-radius:18px;overflow:hidden;border:1px solid rgba(34,197,94,.3);background:#fff;box-shadow:0 18px 40px #22c55e1f}.theory-article__panel-head{background:linear-gradient(90deg,#16a34a,#22c55e);color:#fff;padding:.9rem 1.2rem;font-weight:700;letter-spacing:.2px}.theory-article__content{padding:1.5rem 1.8rem}.theory-article__content h1,.theory-article__content h2,.theory-article__content h3{margin-top:1.4rem;margin-bottom:.6rem}.theory-article__content table{width:100%;border-collapse:collapse;margin:1rem 0}.theory-article__content th,.theory-article__content td{border:1px solid var(--border);padding:.5rem .7rem}.theory-callout{border-radius:14px;border:1px solid rgba(34,197,94,.3);background:#22c55e14;padding:.9rem 1rem;margin:1rem 0}.theory-callout__title{font-weight:700;margin-bottom:.4rem;color:#15803d}.theory-callout--example{border-color:#0ea5e959;background:#0ea5e914}.theory-callout--example .theory-callout__title{color:#0369a1}.theory-highlight{background:#facc1566;color:inherit;padding:0 2px;border-radius:4px}.theory-override-page{display:flex;flex-direction:column;gap:1.5rem}.theory-override-grid{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(280px,.9fr);gap:1.5rem;align-items:start}.theory-override-table tbody tr{cursor:pointer}.theory-override-row.is-selected td{background:#2563eb14}.override-status{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#94a3b81f;color:#475569}.override-status--active{background:#22c55e29;color:#15803d}.override-status--inactive{background:#f8717129;color:#b91c1c}.theory-override-editor{display:flex;flex-direction:column;gap:1rem;min-height:320px}.theory-override-editor__title{font-size:1.2rem;font-weight:700}.theory-override-editor__note{color:var(--muted);font-size:.9rem}.theory-override-editor__label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.theory-override-editor__label textarea{min-height:240px;font-weight:400}.theory-override-editor__switch{display:flex;align-items:center;gap:.5rem;font-weight:600}.theory-override-editor__actions{display:flex;flex-wrap:wrap;gap:.5rem}.theory-override-editor__hint{color:var(--muted);font-size:.85rem}.theory-manager-page{display:flex;flex-direction:column;gap:1.5rem}.theory-manager-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.btn.is-active{border-color:#2563eb;background:#2563eb1f;color:#1d4ed8}.theory-manager-grid{display:flex;flex-direction:column;gap:1.5rem}.theory-manager-top-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.theory-manager-bottom-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem}.theory-manager-section{display:flex;flex-direction:column;gap:1rem}.theory-manager-section__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.theory-context-picker{display:flex;flex-direction:column;gap:1.5rem;background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.theory-context-picker__section{display:flex;flex-direction:column;gap:.75rem}.theory-context-picker__title{font-weight:600;font-size:.95rem;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em}.theory-manager-modal input::placeholder{color:var(--muted);opacity:.55}.theory-manager-icon-button{width:28px;height:28px;border-radius:9px;border:1px solid var(--border-strong);background:var(--panel-soft);color:var(--muted-strong);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border .15s ease}.theory-manager-icon-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a1f;border-color:#2563eb40}.theory-manager-icon-button.is-danger{color:#ef4444}.theory-manager-section h3{margin:0;font-size:1.1rem}.theory-manager-list{display:flex;flex-direction:column;gap:.6rem}.theory-manager-item{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.theory-manager-item__actions{margin-left:auto;display:inline-flex;gap:.35rem}.theory-manager-item.is-selected{background:#2563eb1f;border-radius:10px;padding:.4rem .6rem}.theory-manager-item input{flex:1;min-width:160px}.theory-manager-item__meta{color:var(--muted);font-size:.85rem}.theory-manager-actions{display:flex;gap:.5rem;flex-wrap:wrap}.theory-manager-form{display:flex;flex-direction:column;gap:.6rem}.theory-manager-label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.theory-manager-slug{display:flex;gap:.4rem;flex-wrap:wrap}.theory-manager-tree,.theory-manager-form-panel{grid-column:auto}.theory-manager-editor textarea{min-height:240px}.theory-manager-preview{grid-column:span 2}.theory-manager-hint{color:var(--muted);font-size:.85rem}.theory-manager-delete__title{font-weight:700;margin-bottom:.35rem}.theory-manager-delete__meta{color:var(--muted);font-size:.9rem;margin-bottom:.85rem}.theory-manager-delete-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.45rem}.theory-manager-delete-list li{display:flex;justify-content:space-between;gap:1rem}@media(max-width:980px){.theory-override-grid,.theory-manager-bottom-row{grid-template-columns:1fr}}.theory-article__content blockquote{margin:1rem 0;padding-left:1rem;border-left:3px solid rgba(148,163,184,.6);color:var(--muted)}@media(max-width:720px){.theory-table td.theory-actions{flex-direction:column;align-items:flex-end}.theory-article__content{padding:1.2rem}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],input[type=time],input[type=date],input[type=datetime-local],select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--color-gray-300, #d1d5db);background:var(--color-white, #ffffff);color:var(--color-dark, #1f2937);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font:inherit;box-sizing:border-box}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] input[type=url],[data-theme=dark] input[type=search],[data-theme=dark] input[type=time],[data-theme=dark] input[type=date],[data-theme=dark] input[type=datetime-local],[data-theme=dark] select,[data-theme=dark] textarea{border-color:var(--color-gray-600, #4b5563);background:var(--color-gray-800, #1f2937);color:var(--color-gray-100, #f3f4f6)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),100% 0;background-size:6px 6px,6px 6px,2.5em 2.5em;background-repeat:no-repeat}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626;background:var(--color-white, #ffffff)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f640;background:var(--color-gray-800, #1f2937)}input::placeholder,textarea::placeholder{color:var(--color-gray-500, #6b7280)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-gray-500, #6b7280)}.app-surface{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;height:100vh;position:relative;z-index:1;background:linear-gradient(180deg,#ffffffd1,#f4f7fbeb);border-radius:0;overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow-1);width:100%;max-width:100%}[data-theme=dark] .app-surface{background:linear-gradient(180deg,#0f172ae6,#0a0f1beb)}@supports (backdrop-filter: blur(10px)){.app-surface{background:#ffffff14;backdrop-filter:blur(18px)}[data-theme=dark] .app-surface{background:#0b1220b3}}.sidebar{background:#fff9;color:var(--text);display:flex;flex-direction:column;padding:1rem;gap:1.5rem;border-right:1px solid var(--border-strong);height:100vh;overflow:hidden}[data-theme=dark] .sidebar{background:#0f172acc}.sidebar__brand{display:flex;gap:.75rem;align-items:center}.sidebar__logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#0f172a;font-weight:800;letter-spacing:.5px;box-shadow:0 16px 32px #0f172a1f,inset 0 0 0 1px #94a3b833}.sidebar__logo-image{display:block;width:74%;height:74%;object-fit:contain}.sidebar__title{font-size:1rem;font-weight:700}.sidebar__subtitle{color:var(--muted);font-size:.82rem}.sidebar__workspace{margin-top:.2rem;font-size:.78rem;color:var(--muted-strong);font-weight:600}.sidebar__nav{display:flex;flex-direction:column;gap:.35rem;flex:1;min-height:0;overflow-y:auto;padding-right:.25rem;scrollbar-gutter:stable}.sidebar__scroll-area{display:flex;flex:1;min-height:0;flex-direction:column;gap:.65rem;overflow-y:auto;padding-right:.25rem;scrollbar-gutter:stable}.sidebar__scroll-area .sidebar__nav{flex:0 0 auto;min-height:auto;overflow:visible;padding-right:0}.sidebar-row{display:flex;align-items:center;gap:.35rem}.sidebar-row .sidebar__link{flex:1}.favorite-toggle{border:none;background:transparent;font-size:.85rem;color:#94a3b8;cursor:pointer;padding:.2rem .3rem;border-radius:8px;transition:color .15s ease,background .15s ease}.favorite-toggle:hover{color:#f59e0b;background:#f59e0b1f}.favorite-toggle.is-active{color:#f59e0b}.favorite-toggle.is-disabled{opacity:.4;cursor:not-allowed}.sidebar-section{display:grid;gap:.25rem}.sidebar-section__row{display:flex;align-items:center;gap:.35rem}.sidebar-section__toggle{display:flex;align-items:center;gap:.65rem;width:100%;border:1px solid transparent;background:transparent;color:var(--muted-strong);padding:.55rem .65rem;border-radius:12px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;position:relative}.sidebar-section__toggle:hover{color:var(--text);background:var(--panel-soft);box-shadow:inset 0 0 0 1px var(--border-strong)}.sidebar-section.is-active .sidebar-section__toggle{background:#0ea5e91f;border:1px solid rgba(14,165,233,.25);color:var(--text);font-weight:700}.sidebar-section__label{flex:1;text-align:left;font-size:.95rem}.sidebar-section__chevron{width:16px;height:16px;display:grid;place-items:center;color:var(--muted);transition:transform .2s ease}.sidebar-section__chevron svg{width:14px;height:14px;fill:currentColor}.sidebar-section__toggle.is-open .sidebar-section__chevron{transform:rotate(180deg)}.sidebar-subnav{display:none;flex-direction:column;gap:.2rem;padding-left:1.9rem}.sidebar-subnav.is-open{display:flex}.sidebar-subnav--nested{padding-left:1.3rem}.sidebar-subnav__group{display:grid;gap:.2rem}.sidebar-subnav__toggle{display:flex;align-items:center;gap:.4rem;width:100%;padding:.3rem .5rem;border:none;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-subnav__toggle:hover{background:#0ea5e914;color:var(--text)}.sidebar-subnav__toggle.is-active{color:var(--text);background:#0ea5e91f;font-weight:600}.sidebar-subnav__chevron{width:14px;height:14px;display:grid;place-items:center;margin-left:auto;transition:transform .2s ease;color:var(--muted)}.sidebar-subnav__chevron svg{width:12px;height:12px;fill:currentColor}.sidebar-subnav__toggle.is-open .sidebar-subnav__chevron{transform:rotate(180deg)}.sidebar-subnav__item{padding:.3rem .5rem;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.82rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background .15s ease,color .15s ease}.sidebar-subnav__item:hover{background:#0ea5e914;color:var(--text)}.sidebar-subnav__item.is-active{color:var(--text);background:#0ea5e91f;font-weight:600}.sidebar-subnav__item.is-disabled{opacity:.5;cursor:not-allowed}.sidebar-subnav__label{text-align:left}.sidebar-subnav__link{color:inherit;text-decoration:none;flex:1;display:inline-flex;align-items:center;gap:.4rem}.sidebar-subnav__icon{width:18px;height:18px;display:grid;place-items:center;color:#94a3b8}.sidebar-subnav__icon svg{width:14px;height:14px;fill:currentColor}.sidebar-favorites{padding:.2rem 0 .5rem;border-bottom:1px dashed rgba(148,163,184,.3);margin-bottom:.4rem}.sidebar-favorites__title{text-transform:uppercase;font-size:.65rem;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:.35rem}.sidebar-favorites__empty{font-size:.75rem;color:var(--muted);padding:.35rem .3rem}.sidebar-favorites__list{display:grid;gap:.3rem}.sidebar-favorite{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border-radius:10px;text-decoration:none;color:var(--muted-strong);border:1px solid transparent;transition:background .15s ease,color .15s ease}.sidebar-favorite:hover{background:var(--panel-soft);color:var(--text)}.sidebar-favorite__label{font-size:.82rem}[data-tooltip]{position:relative}.app-shell--collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;padding:.35rem .6rem;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.app-shell--collapsed [data-tooltip]:hover:after{opacity:1}.sidebar__link{position:relative;display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--muted-strong);padding:.55rem .65rem;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.sidebar__link:before{content:"";position:absolute;left:0;top:15%;width:3px;height:70%;border-radius:999px;background:#0ea5e9;opacity:0;transition:opacity .15s ease}.sidebar__link svg{width:18px;height:18px;fill:currentColor}.sidebar__link:hover{transform:translate(2px);color:var(--text);background:var(--panel-soft);box-shadow:inset 0 0 0 1px var(--border-strong)}.sidebar__link--active{background:#0ea5e91f;color:var(--text);border:1px solid rgba(14,165,233,.25);font-weight:700}.sidebar__link--active:before{opacity:1}.sidebar__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:var(--panel);color:var(--muted);opacity:.6}.sidebar__link--active .sidebar__icon{opacity:1}.sidebar__link:hover .sidebar__icon{opacity:.85}.sidebar__icon--muted{background:transparent}.sidebar__actions{margin-top:auto;display:flex;flex-direction:column;gap:.65rem;padding-bottom:0}.theme-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:14px;border:1px solid var(--border-strong);background:var(--panel-soft);color:var(--text);cursor:pointer;transition:border .2s ease,background .2s ease}.sidebar-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:14px;border:1px solid var(--border-strong);background:var(--panel-soft);color:var(--text);cursor:pointer;transition:border .2s ease,background .2s ease}.sidebar-toggle svg{width:18px;height:18px;fill:currentColor}.sidebar-toggle__icon{display:grid;place-items:center;transition:transform .2s ease}.sidebar-toggle__label{font-weight:600}.app-shell--collapsed .sidebar{padding:.9rem .4rem;align-items:center}.app-shell--collapsed .sidebar__brand-text,.app-shell--collapsed .sidebar__link-label,.app-shell--collapsed .sidebar__card,.app-shell--collapsed .sidebar-toggle__label{display:none}.app-shell--collapsed .sidebar__nav{align-items:center;padding-right:0;width:100%}.app-shell--collapsed .sidebar__link,.app-shell--collapsed .sidebar-section__toggle{width:44px;height:44px;justify-content:center;padding:0;margin:0 auto}.app-shell--collapsed .sidebar-section__label,.app-shell--collapsed .sidebar-section__chevron,.app-shell--collapsed .sidebar-subnav{display:none}.app-shell--collapsed .sidebar-row{justify-content:center}.app-shell--collapsed .sidebar-favorite__label,.app-shell--collapsed .sidebar-favorites__title,.app-shell--collapsed .sidebar-favorites__empty,.app-shell--collapsed .favorite-toggle{display:none}.app-shell--collapsed .sidebar-favorite{justify-content:center}.app-shell--collapsed .sidebar__actions{align-items:center}.app-shell--collapsed .theme-toggle{justify-content:center;padding:.55rem}.app-shell--collapsed .theme-toggle__track{display:none}.app-shell--collapsed .sidebar-toggle{justify-content:center;padding:.55rem}.app-shell--collapsed .sidebar-toggle__icon{transform:rotate(180deg)}.app-shell--collapsed .sidebar__icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center}.app-shell--collapsed .sidebar__logout .sidebar__icon{margin:0}.theme-toggle__icon{font-size:.95rem}.theme-toggle__track{position:relative;width:86px;height:30px;border-radius:999px;background:linear-gradient(120deg,#2563eb40,#7c3aed24);box-shadow:inset 0 1px 3px #0f172a0d;transition:background .2s ease}.theme-toggle__track--active{background:linear-gradient(120deg,#94a3b859,#7c3aed38)}.theme-toggle__thumb{position:absolute;top:3px;left:4px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fff,#e8edff);box-shadow:0 6px 20px #0f172a2e;transition:transform .25s ease}[data-theme=dark] .theme-toggle__thumb{transform:translate(52px)}.sidebar__card{padding:.82rem;border-radius:14px;background:radial-gradient(circle at 20% 20%,#3b82f629,#3b82f60f 55%),var(--panel);border:1px solid var(--border-strong);box-shadow:0 12px 28px #3b82f61a}.sidebar__card-kicker{color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:0;margin-bottom:.18rem;text-transform:uppercase}.sidebar__card-title{font-weight:700;margin-bottom:.16rem}.sidebar__card-text{margin:0 0 .55rem;color:var(--muted-strong);font-size:.82rem;line-height:1.35}.sidebar__card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.sidebar__card-actions .button,.sidebar__card-tour{position:relative;min-height:32px;padding:0 .55rem;font-size:.78rem}.sidebar__support-button.has-unread{border-color:#10b98173;background:#10b9811a;color:#047857}.sidebar__support-badge{position:absolute;top:-7px;right:-7px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--panel);border-radius:999px;background:#10b981;color:#fff;font-size:.66rem;font-weight:800;line-height:1;box-shadow:0 6px 16px #10b98147}.sidebar__card-tour{margin-top:.45rem}.sidebar__logout{margin-top:.25rem;border:1px solid var(--border-strong)}.main-panel{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-soft) 100%);display:flex;flex-direction:column;position:relative;height:100vh;overflow-y:auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem 1.25rem;border-bottom:1px solid var(--border-strong);background:linear-gradient(180deg,var(--panel) 0%,rgba(255,255,255,.7) 100%);box-shadow:0 12px 28px #0f172a14}[data-theme=dark] .app-header{background:linear-gradient(180deg,#0f172af2,#0a0f1bd9)}.app-header__left,.app-header__center,.app-header__right{display:flex;align-items:center;gap:1rem}.app-header__center{flex:1;justify-content:center;text-align:center}.app-header__title-stack{display:flex;flex-direction:column;align-items:center;gap:.35rem}.app-header__brand{display:inline-flex;align-items:center;gap:.35rem;border:none;background:transparent;padding:0;cursor:pointer;color:inherit}.app-header__brand-name{font-weight:700;font-size:1.05rem;color:var(--text)}.app-header__page-title{font-size:1.2rem;font-weight:700;color:var(--text)}.app-breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--muted);font-size:.85rem}.app-breadcrumbs__item{display:inline-flex;align-items:center;gap:.4rem}.app-breadcrumbs a{color:#2563eb;text-decoration:none}.app-breadcrumbs__separator{color:var(--muted)}.app-breadcrumbs__current{color:var(--text);font-weight:600}.app-header__right{display:flex;align-items:center;gap:.75rem}.search{position:relative;min-width:auto}.search-input{display:flex;align-items:center;justify-content:center;gap:0;background:var(--panel-soft);border:1px solid var(--border-strong);border-radius:12px;padding:0;width:40px;height:40px;transition:border .15s ease,box-shadow .15s ease,background .15s ease}.search-input:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f;border-color:#2563eb40}.search.is-expanded .search-input{justify-content:flex-start;gap:.5rem;padding:0 .65rem;width:220px;height:40px}.search-input input{border:none;outline:none;background:transparent;color:var(--text);width:100%;height:40px;opacity:0;pointer-events:none;transition:opacity .15s ease}.search:not(.is-expanded) .search-input input{width:0;padding:0;margin:0}.search.is-expanded .search-input input{opacity:1;pointer-events:auto}.search-input svg{width:18px;height:18px;fill:var(--muted)}.search-trigger{border:none;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;color:inherit;width:40px;height:40px}.search-trigger svg{width:18px;height:18px;fill:var(--muted);margin:auto}.search-input:focus-within{border-color:#2563eb59;box-shadow:0 12px 28px #2563eb2e;background:#2563eb0f}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--panel);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 18px 40px #0f172a2e;padding:.5rem;z-index:20}.search-empty{padding:.75rem .9rem;font-size:.9rem;color:var(--muted)}.search-results{display:flex;flex-direction:column;gap:.25rem}.search-result{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:.6rem .75rem;border-radius:12px;color:var(--text);cursor:pointer;transition:border .15s ease,background .15s ease,transform .15s ease}.search-result:hover,.search-result.is-active{background:#2563eb1f;border-color:#2563eb33;transform:translateY(-1px)}.search-result__icon{width:32px;height:32px;border-radius:10px;background:#2563eb1f;display:grid;place-items:center;color:var(--accent)}.search-result__icon svg{width:18px;height:18px;fill:currentColor}.search-result__content{display:flex;flex-direction:column;gap:.1rem}.search-result__label{font-weight:600;font-size:.95rem}.search-result__route{font-size:.8rem;color:var(--muted)}.icon-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--border-strong);background:var(--panel-soft);color:var(--muted-strong);display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border .15s ease}.icon-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f;border-color:#2563eb40}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--border-strong);background:var(--panel-soft);border-radius:12px;padding:0 .65rem;height:40px;cursor:pointer;color:var(--text)}.user-menu__avatar{width:28px;height:28px;border-radius:10px;background:#2563eb29;color:var(--accent);font-weight:700;display:grid;place-items:center}.user-menu__name{font-weight:600;font-size:.9rem}.user-menu__chevron{display:inline-flex}.user-menu__chevron svg{width:18px;height:18px;fill:var(--muted)}.user-menu__dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:var(--panel);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 18px 40px #0f172a2e;display:grid;min-width:180px;padding:.5rem;z-index:20}.user-menu__item{border:none;background:transparent;padding:.5rem .65rem;border-radius:10px;text-align:left;cursor:pointer;color:var(--text);font-weight:600}.user-menu__item:hover{background:#2563eb1f}.user-menu__item--danger{color:#ef4444}.user-menu__item--danger:hover{background:#ef44441f}.nav-badge--dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px var(--panel-soft)}.icon-button svg{width:18px;height:18px;fill:currentColor}.icon-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f;border-color:#3b82f64d;color:var(--text)}.user-chip{display:flex;align-items:center;gap:.7rem;padding:.55rem .85rem;border-radius:14px;background:var(--panel-soft);border:1px solid var(--border-strong);box-shadow:0 10px 24px #0f172a1f}.user-chip__avatar{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:grid;place-items:center;font-weight:700}.user-chip__meta{display:flex;flex-direction:column;gap:.05rem}.user-chip__name{font-weight:700;color:var(--text)}.user-chip__role{color:var(--muted);font-size:.9rem}.main-content{flex:1;padding:1.5rem 2rem 2.25rem;background:radial-gradient(circle at 80% 0%,rgba(59,130,246,.08),transparent 35%),var(--panel-soft);position:relative}.calendar-page{display:flex;flex-direction:column;gap:1.25rem;min-height:calc(100vh - 200px)}.calendar-page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.calendar-page__header h2{margin:.15rem 0 0;text-transform:capitalize}.calendar-page__eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:var(--muted);margin:0}.calendar-page__state{background:var(--panel);border-radius:16px;padding:1.25rem;border:1px solid var(--border-strong)}.calendar-month{flex:1;display:flex;flex-direction:column;gap:.75rem;background:var(--panel);border-radius:18px;padding:1rem;border:1px solid var(--border-strong);box-shadow:0 18px 40px #0f172a14}.calendar-month__header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.calendar-month__weekday{text-align:center;font-weight:600;color:var(--muted);padding:.35rem .25rem;border-radius:10px;background:#0f172a0a}.calendar-month__weekday.is-today{background:#2563eb1f;color:var(--accent)}.calendar-month__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr);gap:.5rem}.calendar-month__cell{border-radius:14px;padding:.6rem .65rem;background:#0f172a08;border:1px solid transparent;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;position:relative;transition:border .15s ease,background .15s ease,transform .15s ease}.calendar-month__cell.is-overflow-open{z-index:6}.calendar-month__cell:hover{border-color:#2563eb4d;background:#2563eb14;transform:translateY(-2px)}.calendar-month__cell.is-today{border-color:#2563eb66;box-shadow:0 12px 24px #2563eb2e;background:#2563eb1f}.calendar-month__cell.is-weekend{background:#ef44440f}.calendar-month__cell.is-holiday{background:#f59e0b1a;border-color:#f59e0b33}.calendar-month__cell.is-outside{opacity:.45}.calendar-month__cell-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--text)}.calendar-month__badge{background:#f59e0b33;color:#b45309;font-size:.7rem;padding:.15rem .4rem;border-radius:999px;font-weight:600}[data-theme=dark] .calendar-month__badge{color:#fbbf24}.calendar-month__events{display:flex;flex-direction:column;gap:.35rem;flex:1}.calendar-month__event{display:flex;align-items:center;gap:.4rem;border:none;border-radius:10px;padding:.35rem .45rem;background:#2563eb24;color:var(--text);font-size:.78rem;text-align:left;cursor:pointer}.calendar-month__event.is-one-time{background:#10b98129}.calendar-month__event.is-one-time:hover{background:#10b9813d}.calendar-month__event:hover{background:#2563eb33}.calendar-month__event-time{font-weight:700;color:var(--accent)}.calendar-month__event.is-one-time .calendar-month__event-time{color:#059669}.calendar-month__event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-month__more{font-size:.75rem;color:var(--muted)}.calendar-month__more-button{border:none;background:transparent;padding:0;text-align:left;cursor:pointer}.calendar-month__more-button:hover{color:var(--text);text-decoration:underline}.calendar-month__overflow{position:absolute;left:.5rem;right:.5rem;top:2.2rem;background:var(--panel, #fff);border:1px solid var(--border-strong, rgba(15, 23, 42, .14));border-radius:14px;box-shadow:0 20px 50px #0f172a2e;padding:.75rem;z-index:10}.calendar-month__overflow-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.calendar-month__overflow-title{font-weight:700;color:var(--text)}.calendar-month__overflow-date{font-size:.75rem}.calendar-month__overflow-list{display:flex;flex-direction:column;gap:.35rem;max-height:180px;overflow:auto;padding-right:.25rem}.calendar-month__overflow-item{width:100%;display:flex;align-items:center;gap:.5rem;border:1px solid transparent;border-radius:12px;background:#2563eb1a;padding:.45rem .55rem;cursor:pointer;text-align:left}.calendar-month__overflow-item:hover{background:#2563eb29;border-color:#2563eb33}.calendar-month__overflow-time{font-weight:800;color:var(--accent);flex:0 0 auto}.calendar-month__overflow-text{color:var(--text);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-month__empty{font-size:.75rem;color:var(--muted)}.modal-tabs{display:flex;gap:.75rem;margin-bottom:1rem}.modal-tab{border:1px solid var(--border-strong);background:var(--panel-soft);border-radius:999px;padding:.4rem .85rem;font-weight:600;color:var(--muted-strong);cursor:pointer}.modal-tab.is-active{background:#2563eb1f;border-color:#2563eb4d;color:var(--text)}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.page-transition{animation:fadeSlide .28s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.65rem 1.1rem;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 14px 30px #3b82f64d;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover{transform:translateY(-1px);box-shadow:0 18px 36px #3b82f659}.button--ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text);box-shadow:none}.button--small{padding:.45rem .85rem;font-size:.9rem}.button--full{width:100%}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:radial-gradient(circle at 18% 18%,rgba(8,199,225,.22),transparent 45%),radial-gradient(circle at 85% 12%,rgba(255,126,84,.18),transparent 38%),linear-gradient(180deg,#ffffff 0%,var(--page-bg) 65%);color:var(--text)}.auth-card{background:var(--panel);padding:2rem;border-radius:20px;width:100%;max-width:460px;box-shadow:var(--shadow-1);border:1px solid var(--border)}.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(16,185,129,.16),transparent 40%),linear-gradient(180deg,#ffffff 0%,var(--page-bg) 65%);color:var(--text)}.invite-card{background:var(--panel);padding:2rem;border-radius:20px;width:100%;max-width:440px;box-shadow:var(--shadow-1);border:1px solid var(--border);display:grid;gap:1rem}.invite-login-link{margin-top:.5rem;text-align:center}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem;background:var(--panel-soft);padding:.35rem;border-radius:12px;border:1px solid var(--border)}.auth-tab{padding:.75rem;border:none;background:transparent;cursor:pointer;font-weight:700;color:var(--muted-strong);border-radius:10px}.auth-tab--active{background:linear-gradient(135deg,var(--color-primary),var(--color-info));color:#fff;box-shadow:0 16px 36px #08c7e14d}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-segment{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border-radius:14px;background:var(--panel-soft);border:1px solid var(--border)}.auth-segment__label{font-size:.85rem;color:var(--muted-strong);font-weight:600}.auth-segment__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.auth-segment__button{border:1px solid var(--border);background:transparent;padding:.65rem .75rem;border-radius:10px;font-weight:600;color:var(--muted-strong);cursor:pointer;transition:all .2s ease}.auth-segment__button--active{background:#08c7e11f;border-color:#08c7e199;color:var(--text);box-shadow:0 10px 22px #08c7e133}.auth-invite{padding:.85rem;border-radius:14px;background:#08c7e114;border:1px dashed rgba(8,199,225,.5);display:flex;flex-direction:column;gap:.35rem}.auth-invite__title{font-weight:700;color:var(--text)}.auth-invite__subtitle{font-size:.9rem;color:var(--muted-strong)}.auth-dev-link{padding:.75rem;border-radius:12px;background:#ffc10729;border:1px solid rgba(255,193,7,.6);display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.auth-dev-link__title{font-weight:600;color:var(--text)}.auth-dev-link a{color:var(--color-primary);word-break:break-all}.auth-waitlist{text-align:center;display:flex;flex-direction:column;gap:.35rem}.auth-waitlist__title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.auth-waitlist__subtitle{margin:0;color:var(--muted-strong);font-size:.95rem}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.auth-form label{display:flex;flex-direction:column;font-size:.95rem;gap:.35rem;color:var(--muted-strong)}.auth-verify__header{display:grid;gap:.35rem;text-align:center}.auth-verify__header h2{margin:0;font-size:1.4rem;color:var(--text)}.auth-verify__header p{margin:0;color:var(--muted-strong);line-height:1.5}.auth-verify__meta{font-size:.85rem;color:var(--muted)}.auth-code{text-align:center}.auth-code__input{font-size:1.6rem;font-weight:700;text-align:center;letter-spacing:.45rem;padding:.8rem 1rem;border-radius:14px;border:1px solid var(--border-strong);background:var(--panel-soft);color:var(--text)}.auth-code__input::placeholder{color:var(--muted)}.field{display:flex;flex-direction:column;gap:.25rem;color:var(--muted-strong)}.field--inline{min-width:220px}.field__label{font-weight:700;color:var(--text)}.select{position:relative;display:flex;align-items:center;background:var(--panel-soft);border:1px solid var(--border-strong);border-radius:12px;padding:.35rem .65rem;box-shadow:inset 0 1px #ffffff0f}.select select{width:100%;border:none;outline:none;background:transparent;color:var(--text);appearance:none;padding:.35rem .25rem}.select__chevron{font-size:.85rem;color:var(--muted);padding-left:.35rem}.select--pill{background:linear-gradient(120deg,#2563eb1f,#7c3aed14);border:1px solid rgba(37,99,235,.25);box-shadow:0 12px 22px #2563eb26}.select--filled{background:var(--panel)}.select--pill select,.select--filled select{font-weight:600}.auth-form input,.profile-form input,.profile-form textarea,.settings-form input,.settings-form textarea,.settings-form select,.homework-configurator input,.homework-configurator select{border:1px solid var(--border-strong);border-radius:12px;padding:.65rem .75rem;background:var(--panel-soft);color:var(--text)}.auth-extra-link{margin-top:1rem;text-align:center}.auth-extra-link__secondary{margin-top:.35rem;font-size:.9rem}.auth-extra-link__button{margin-top:.75rem;width:100%;border:none;background:transparent;color:var(--text-muted);font-size:.95rem;cursor:pointer}.auth-extra-link__button:hover{color:var(--text)}.form-error{background:#ef44441f;color:#b91c1c;padding:.6rem .75rem;border-radius:12px;font-size:.9rem;border:1px solid rgba(239,68,68,.4)}.form-success{background:#22c55e1f;color:#15803d;padding:.6rem .75rem;border-radius:12px;font-size:.9rem;border:1px solid rgba(34,197,94,.35)}.form-hint{margin:0;font-size:.85rem;color:var(--muted-strong)}.form-hint--error{color:var(--error)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.info-grid strong{display:block;font-size:.85rem;color:var(--muted-strong);margin-bottom:.2rem}.admin-page{display:flex;flex-direction:column;gap:1.5rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.admin-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-sm)}.admin-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #22c55e26;transform:translateY(-2px)}.admin-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-radius:var(--radius-md);color:var(--color-primary)}.admin-card__content{flex:1;min-width:0}.admin-card__title{font-size:1rem;font-weight:600;color:var(--color-dark);margin:0 0 .25rem}.admin-card__description{font-size:.875rem;color:var(--color-gray-600);margin:0}.admin-card__arrow{flex-shrink:0;color:var(--color-gray-400);transition:transform .2s ease,color .2s ease}.admin-card:hover .admin-card__arrow{color:var(--color-primary);transform:translate(4px)}.admin-page__links{display:flex;gap:.5rem;flex-wrap:wrap}.admin-page__row-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.admin-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.admin-user-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.admin-user-list li{display:flex;justify-content:space-between;gap:1rem}.admin-user-form{display:grid;gap:.75rem}.admin-user-history{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.admin-user-history__title{font-weight:600}.admin-user-subnote{margin-top:.5rem}.admin-subscription-editor{margin-top:1rem}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.stat-card{position:relative;background:linear-gradient(180deg,var(--panel) 0%,rgba(255,255,255,.92) 100%);padding:1.25rem;border-radius:18px;box-shadow:0 16px 40px #0f172a1f;border:1px solid var(--border-strong)}[data-theme=dark] .stat-card{background:linear-gradient(180deg,#11192af2,#0a0f1beb)}.stat-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 20% 20%,var(--accent-soft),transparent 50%);pointer-events:none}.stat-card__value{font-size:2rem;margin-top:.5rem;font-weight:800;color:var(--text)}.calendar-section{position:relative;background:linear-gradient(180deg,var(--panel) 0%,rgba(255,255,255,.92) 100%);padding:1.5rem;border-radius:18px;box-shadow:0 16px 40px #0f172a1f;border:1px solid var(--border-strong)}[data-theme=dark] .calendar-section{background:linear-gradient(180deg,#11192af2,#0a0f1beb)}.calendar-section:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 80% 10%,var(--accent-soft),transparent 55%);pointer-events:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);margin-top:1rem;gap:.6rem}.calendar-grid__header{font-weight:700;text-align:center;color:var(--muted-strong)}.calendar-grid__cell{min-height:96px;background:var(--panel-soft);border-radius:12px;padding:.6rem;border:1px dashed var(--border-strong)}.lesson-card{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;padding:.55rem;font-size:.9rem;box-shadow:0 10px 24px #3b82f659}.lesson-card__name{font-weight:700}.profile-card,.profile-form,.homework-configurator,.homework-settings section{background:var(--panel);padding:1.5rem;border-radius:18px;box-shadow:0 16px 40px #0f172a1f;margin-bottom:1.5rem;border:1px solid var(--border-strong)}.tab-group,.chip-group{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.pill,.chip{border:2px solid var(--border-strong);background:var(--panel-soft);padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:all .2s ease;color:var(--muted-strong);font-weight:500;font-size:.9rem}.pill:hover,.chip:hover{border-color:var(--color-primary);background:#22c55e0d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pill--active,.chip--active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:transparent;box-shadow:0 8px 20px #22c55e4d;transform:translateY(-2px)}.pill--active:hover,.chip--active:hover{box-shadow:0 10px 24px #22c55e66}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.module-card{border:1px solid var(--border-strong);border-radius:16px;padding:1rem;background:var(--panel-soft);text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s,border .2s}.module-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a2e;border-color:#3b82f659}.profile-form{display:flex;flex-direction:column;gap:1rem}.data-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:18px;overflow:hidden;border:1px solid var(--border-strong)}.data-table th,.data-table td{padding:.75rem;border-bottom:1px solid var(--border-strong);text-align:left}.data-table th{background:var(--panel-soft);color:var(--muted-strong)}.table-wrapper{width:100%;overflow-x:auto;border-radius:18px;border:1px solid var(--border-strong);background:var(--panel);box-shadow:0 10px 24px #0f172a14}.table-wrapper--wide .table{min-width:720px}.table-wrapper .table{border:none;border-radius:0;box-shadow:none}.data-table tbody tr:hover,.table tbody tr:hover{background:#2563eb0a}[data-theme=dark] .data-table tbody tr:hover,[data-theme=dark] .table tbody tr:hover{background:#3b82f614}.table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:14px;overflow:hidden;border:1px solid var(--border-strong)}.table th,.table td{padding:.75rem;border-bottom:1px solid var(--border-strong);text-align:left}.table th{background:var(--panel-soft);font-weight:700}.table-empty{padding:1rem;border-radius:14px;background:var(--panel);border:1px solid var(--border-strong);color:var(--muted)}.mobile-topbar,.mobile-nav,.mobile-nav-backdrop,.mobile-nav-sheet{display:none}.mobile-topbar{box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:100000;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:.75rem;min-height:calc(66px + env(safe-area-inset-top,0px));padding:calc(.55rem + env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) .55rem max(.75rem,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(15,23,42,.08);background:#fffffff5;box-shadow:0 12px 26px #1d2d4314;backdrop-filter:blur(18px)}.mobile-topbar__brand{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;border:0;background:transparent;color:#172033;text-align:left;cursor:pointer}.mobile-topbar__logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;box-shadow:0 8px 18px #0f172a14,inset 0 0 0 1px #94a3b833}.mobile-topbar__logo img{width:26px;height:26px;object-fit:contain}.mobile-topbar__copy{display:grid;min-width:0;gap:.1rem}.mobile-topbar__copy strong,.mobile-topbar__copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar__copy strong{font-size:.92rem;font-weight:850;line-height:1.1}.mobile-topbar__copy span{color:#66758a;font-size:.72rem;font-weight:760}.mobile-topbar__notification{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#475569;box-shadow:0 8px 16px #0f172a0f;cursor:pointer}.mobile-topbar__notification svg{width:19px;height:19px;fill:currentColor}.mobile-topbar__badge,.mobile-nav__badge{position:absolute;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid rgba(255,255,255,.96);border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:900;line-height:1;box-shadow:0 6px 14px #ef444447}.mobile-topbar__badge{top:-6px;right:-6px}.mobile-nav{box-sizing:border-box;position:fixed!important;inset:auto 0 0;z-index:100000;width:100vw;max-width:100vw;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:.15rem;min-height:calc(70px + env(safe-area-inset-bottom,0px));padding:.34rem max(.5rem,env(safe-area-inset-right,0px)) calc(.62rem + env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));border-top:1px solid rgba(15,23,42,.08);background:#fffffff7;box-shadow:0 -16px 34px #1d2d4324;backdrop-filter:blur(18px);pointer-events:auto;transform:translateZ(0)}.mobile-nav__item{position:relative;display:grid;place-items:center;gap:.18rem;min-width:0;min-height:50px;padding:.28rem .2rem;border:0;border-radius:8px;background:transparent;color:#66758a;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.mobile-nav__item svg{width:19px;height:19px;fill:currentColor}.mobile-nav__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px}.mobile-nav__add-circle{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#1f8fff;color:#fff;box-shadow:0 14px 28px #1f8fff52}.mobile-nav__item--add{transform:none}.mobile-nav__badge{top:-8px;right:-13px}.mobile-nav__item--active:not(.mobile-nav__item--add){background:#172033;color:#fff}.mobile-nav__item--active.mobile-nav__item--add .mobile-nav__add-circle{background:#0f5fb8}.mobile-nav__item:hover{transform:translateY(-1px)}.mobile-nav__item--add:hover{transform:none}.mobile-nav__label{max-width:100%;overflow:hidden;color:inherit;font-size:.64rem;font-weight:900;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-backdrop{position:fixed;inset:0;z-index:99998;border:0;background:#0f172a14}.mobile-nav-sheet{position:fixed;left:max(.62rem,env(safe-area-inset-left,0px));right:max(.62rem,env(safe-area-inset-right,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:99999;gap:.55rem;padding:.75rem;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#fffffffa;box-shadow:0 20px 42px #0f172a2e;backdrop-filter:blur(18px)}.mobile-nav-sheet:after{content:"";position:absolute;bottom:-8px;width:16px;height:16px;border-right:1px solid rgba(148,163,184,.28);border-bottom:1px solid rgba(148,163,184,.28);background:#fffffffa;transform:rotate(45deg)}.mobile-nav-sheet--actions:after{left:calc(50% - 8px)}.mobile-nav-sheet--more:after{right:32px}.mobile-nav-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#334155;font-size:.78rem}.mobile-nav-sheet__head strong{font-size:.84rem;font-weight:900}.mobile-nav-sheet__head span{min-width:0;overflow:hidden;color:#66758a;font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-sheet__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-nav-sheet__action,.mobile-nav-sheet__row{min-width:0;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#334155;cursor:pointer;text-align:left}.mobile-nav-sheet__action{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.5rem;min-height:50px;padding:.5rem}.mobile-nav-sheet__action span,.mobile-nav-sheet__row span{display:grid;place-items:center;color:#0f5fb8}.mobile-nav-sheet__action svg,.mobile-nav-sheet__row svg{width:18px;height:18px;fill:currentColor}.mobile-nav-sheet__action strong,.mobile-nav-sheet__row strong{min-width:0;overflow:hidden;font-size:.76rem;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-sheet__list{display:grid;gap:.25rem}.mobile-nav-sheet__row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.5rem;min-height:40px;padding:.38rem .5rem}.mobile-nav-sheet__row:nth-child(odd){background:#f7fafc}.mobile-nav-sheet__row--danger{border-color:#ef444447;color:#b91c1c}.mobile-nav-sheet__row--danger span{color:#dc2626}.mobile-nav-sheet__row--danger:nth-child(odd){background:#fff7f7}.mobile-test{display:flex;flex-direction:column;gap:1rem}.mobile-test__note{padding:.75rem 1rem;border:1px dashed var(--border-strong);border-radius:12px;background:var(--panel-soft);color:var(--muted-strong)}.mobile-test__block{border-radius:16px;padding:1rem;height:320px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#3b82f61f,#7c3aed14);border:1px solid var(--border-strong)}.mobile-test__filler{margin-top:.5rem;color:var(--muted-strong)}.mobile-test__footer{padding:1rem 1rem 2.5rem;text-align:center;border-radius:12px;background:#22c55e1f;border:1px solid rgba(34,197,94,.35);font-weight:700;margin-bottom:0}.homework-settings .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.settings-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.settings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.settings-list li{display:flex;justify-content:space-between;align-items:center;background:var(--panel-soft);padding:.65rem .75rem;border-radius:12px;border:1px solid var(--border-strong)}.settings-list__row{align-items:center;gap:1rem}.admin-settings__actions{display:inline-flex;align-items:center;gap:.75rem}.admin-settings__actions input{max-width:110px}.settings-grid--columns{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.settings-section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.admin-settings-card{background:var(--panel);padding:1.5rem;border-radius:18px;box-shadow:var(--shadow-1);border:1px solid var(--border-strong)}.email-template-form{display:grid;gap:.9rem;margin-top:1rem}.email-template-form textarea{min-height:140px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.4}.admin-settings__label{font-weight:600;color:var(--text);margin-bottom:.2rem}.admin-settings__hint{color:var(--muted);margin:.2rem 0 0;font-size:.9rem}.admin-settings__error{margin-top:.3rem;color:#dc2626;font-size:.85rem;word-break:break-word}.admin-settings__status{padding:.2rem .65rem;border-radius:999px;font-size:.85rem;font-weight:700;border:1px solid var(--border-strong)}.admin-settings__status--active{color:#15803d;background:#22c55e1f;border-color:#22c55e59}.admin-settings__status--inactive{color:#b45309;background:#f59e0b24;border-color:#f59e0b59}.admin-settings__switch{position:relative;width:52px;height:28px;display:inline-flex;align-items:center}.admin-settings__switch input{opacity:0;width:0;height:0}.admin-settings__switch-track{position:absolute;inset:0;border-radius:999px;background:var(--border-strong);transition:background .2s ease,opacity .2s ease}.admin-settings__switch-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 3px 8px #0f172a40;transition:transform .2s ease}.admin-settings__switch input:checked+.admin-settings__switch-track{background:linear-gradient(135deg,var(--color-primary),var(--color-info))}.admin-settings__switch input:checked+.admin-settings__switch-track:after{transform:translate(24px)}.admin-settings__switch input:disabled+.admin-settings__switch-track{opacity:.6;cursor:not-allowed}.modules-section{margin-top:2rem;background:var(--panel);padding:1.5rem;border-radius:18px;box-shadow:0 16px 40px #0f172a1f;border:1px solid var(--border-strong)}.modules-filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.modules-filters label{display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.module-prefix{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.85rem;font-weight:700;border:1px solid transparent}.badge--primary{background:#2563eb1f;color:#1d4ed8;border-color:#2563eb59}.badge--purple{background:#7c3aed1f;color:#6d28d9;border-color:#7c3aed40}.badge--ghost{background:var(--panel-soft);color:var(--muted-strong);border-color:var(--border-strong)}.badge--ghost-muted{opacity:.75}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--panel-soft);color:var(--muted-strong);font-weight:600;border:1px solid var(--border-strong);font-size:13px}.status-badge--muted{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.status-badge--info{background:#2563eb1f;color:#1d4ed8;border-color:#2563eb59}.status-badge--warning{background:#f9731626;color:#c2410c;border-color:#f9731659}.status-badge--success{background:#22c55e26;color:#15803d;border-color:#22c55e66}.status-badge--scheduled{background:#6366f11f;color:#4338ca;border-color:#6366f159}.status-badge--done{background:#22c55e26;color:#15803d;border-color:#22c55e66}.status-badge--cancelled{background:#ef44441f;color:#b91c1c;border-color:#ef444459}.status-badge--no_show{background:#f59e0b1f;color:#b45309;border-color:#f59e0b4d}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.calendar-day{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}.calendar-day__header{font-weight:700;margin-bottom:8px}.calendar-day__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.calendar-day__item{padding:8px;border:1px solid var(--border);border-radius:8px}.calendar-day__time{font-weight:600}.calendar-day__title{margin:4px 0}.calendar-day__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-strong)}.dashboard-shell{max-width:1200px;margin:0 auto;padding:16px}.dashboard-zones{display:grid;gap:2rem}.dashboard-zone{display:grid;gap:1rem}.dashboard-zone__title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;font-weight:700}.dashboard-zone__grid{display:grid;gap:1.5rem}.dashboard-zone--hero .dashboard-zone__grid{grid-template-columns:minmax(360px,2fr) minmax(260px,1fr)}.dashboard-zone--work .dashboard-zone__grid{grid-template-columns:minmax(240px,1fr) minmax(360px,2fr)}.dashboard-zone--aux .dashboard-zone__grid{grid-template-columns:minmax(320px,1fr)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.panel-card{background:#ffffffe6;border:none;border-radius:16px;padding:20px;box-shadow:0 18px 40px #0f172a14;animation:card-in .5s ease both;transition:transform .18s ease,box-shadow .18s ease}.panel-card:hover{transform:translateY(-2px);box-shadow:0 22px 46px #2563eb29}.panel-card--primary{padding:1.6rem;box-shadow:0 22px 50px #0f172a1f}.panel-card--secondary{background:#f8fafcf2;box-shadow:0 16px 36px #0f172a14}.panel-card--muted{background:linear-gradient(180deg,#fffffff2,#f8fafceb)}.panel-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-card__actions{display:flex;align-items:center;gap:8px}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-week__column{background:#ffffffb3;border-radius:16px;padding:10px 12px 12px;min-height:140px;display:grid;gap:.6rem;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.calendar-week__header{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--muted-strong);font-size:.9rem}.calendar-week__items{display:grid;gap:.4rem}.calendar-week__hint{font-size:.75rem;color:var(--muted);opacity:0;transition:opacity .15s ease}.calendar-week__column:hover .calendar-week__hint,.calendar-week__column:focus-visible .calendar-week__hint{opacity:1}.calendar-week__item{background:linear-gradient(135deg,#0ea5e929,#3b82f629);border-radius:12px;padding:.55rem .6rem;border:1px solid rgba(37,99,235,.2);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.calendar-week__time{font-weight:700}.calendar-week__title{margin:2px 0}.calendar-week__meta{font-size:12px;color:var(--muted-strong)}.calendar-week__empty{font-size:12px;color:var(--muted);padding:6px 0}.calendar-week__column:hover{box-shadow:0 16px 32px #0f172a14;transform:translateY(-1px)}.calendar-week__column.is-today{background:linear-gradient(180deg,#0ea5e91f,#ffffffbf);box-shadow:inset 0 0 0 1px #0ea5e933}.calendar-week__header.is-today{color:#0f766e}.calendar-week__now{font-size:.75rem;font-weight:700;color:#0ea5e9;background:#0ea5e924;padding:.15rem .5rem;border-radius:999px}.calendar-week__item:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb2e}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.panel-card,.quick-action{animation:none}}.nav-badge{background:#ef4444;color:#fff;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;margin-left:auto;min-width:22px;text-align:center}.nav-badge--inline{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;vertical-align:middle}.app-shell--collapsed .nav-badge{position:absolute;top:6px;right:6px;margin-left:0}.roadmap-shell{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.roadmap-form{padding:12px 16px}.roadmap-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px;align-items:flex-end}.roadmap-form__full{grid-column:1 / -1}.roadmap-form__half{min-width:200px}.roadmap-form__actions{display:flex;justify-content:flex-start;align-items:flex-end}.roadmap-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.roadmap-column{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;min-height:200px}.roadmap-column__header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.roadmap-column__list{display:flex;flex-direction:column;gap:8px}.roadmap-card{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--panel-soft)}.roadmap-card__title{font-weight:700;margin-bottom:4px}.roadmap-card__note{font-size:13px;color:var(--muted-strong);margin-bottom:6px}.roadmap-card__meta{display:flex;justify-content:space-between;align-items:center}.roadmap-card__actions{display:flex;gap:6px}.icon-pill{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:#f8fafc;color:var(--muted-strong);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.icon-pill svg{width:16px;height:16px}.icon-pill:hover{transform:translateY(-1px);box-shadow:0 12px 20px #2563eb24;border-color:#2563eb59}.modal-backdrop{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--panel);border-radius:18px;box-shadow:0 25px 70px #0f172a73;max-width:520px;width:100%;display:flex;flex-direction:column;border:1px solid var(--border-strong)}.modal--wide{max-width:720px}.modal__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-strong);display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal__subtitle{margin:0;color:var(--muted)}.modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal__actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.modal-form label{display:block;margin-bottom:.35rem;font-size:.9rem}.welcome-tour-backdrop{position:fixed;inset:0;z-index:2800;display:grid;place-items:center;padding:1.5rem;background:#0b1220ad;backdrop-filter:blur(5px)}.welcome-tour-modal{width:min(560px,100%);border:1px solid rgba(148,163,184,.24);border-radius:16px;background:linear-gradient(135deg,#fffffffa,#f7fbfffa);box-shadow:0 28px 90px #0208176b;color:#0b1220;overflow:hidden;animation:welcome-tour-in .22s ease-out}.welcome-tour-modal__mark{width:fit-content;min-width:48px;height:48px;margin:1.35rem 1.35rem 0;padding:0 .85rem 0 .55rem;border-radius:14px;display:inline-flex;align-items:center;gap:.55rem;background:#fff;color:#0b1220;font-size:.95rem;font-weight:900;box-shadow:0 16px 34px #0f172a1f,inset 0 0 0 1px #94a3b838}.welcome-tour-modal__logo{display:block;width:32px;height:32px;object-fit:contain}.welcome-tour-modal__logo-text{letter-spacing:0}.welcome-tour-modal__content{display:grid;gap:.75rem;padding:1rem 1.35rem 0}.welcome-tour-modal__eyebrow{margin:0;color:#2563eb;font-size:.74rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.welcome-tour-modal h2{margin:0;color:#0b1220;font-size:clamp(1.45rem,2vw,2rem);line-height:1.1;letter-spacing:0}.welcome-tour-modal p{margin:0;color:#475467;font-size:.96rem;line-height:1.55}.welcome-tour-modal__points{display:flex;flex-wrap:wrap;gap:.45rem}.welcome-tour-modal__points span{border:1px solid #dbe7f5;border-radius:999px;padding:.38rem .68rem;background:#fff;color:#334155;font-size:.78rem;font-weight:800}.welcome-tour-modal__actions{display:flex;justify-content:flex-end;gap:.65rem;padding:1.25rem 1.35rem 1.35rem}@media(max-width:560px){.welcome-tour-modal__actions{flex-direction:column-reverse}.welcome-tour-modal__actions .button{width:100%}}@keyframes welcome-tour-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.module-counter-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-strong)}.module-counter-row__title{font-weight:600;color:var(--text)}.module-tree{border:1px solid var(--border-strong);border-radius:12px;padding:1rem;max-height:320px;overflow-y:auto;background:var(--panel-soft)}.module-tree__summary{margin-top:1rem;font-weight:700}.counter{display:flex;align-items:center;gap:.5rem}.counter span{min-width:2rem;text-align:center;font-weight:700}.homework-list{margin-top:2rem;background:var(--panel);padding:1.5rem;border-radius:18px;box-shadow:0 16px 40px #0f172a1f;border:1px solid var(--border-strong)}.homework-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.module-tree .button{min-width:2rem}.homework-builder-page,.homework-registry-page{--homework-ink: #142033;--homework-muted: #64748b;--homework-line: #dbe6ee;--homework-panel: #ffffff;--homework-blue: #176fa5;--homework-teal: #0f8b7c;--homework-amber: #af6818;--homework-violet: #6857b8;color:var(--homework-ink);display:grid;gap:1rem}.homework-page-header{align-items:center;background:var(--homework-panel);border:1px solid var(--homework-line);border-radius:14px;box-shadow:0 14px 34px #0f172a14;display:flex;gap:1rem;justify-content:space-between;padding:1.1rem 1.25rem}.homework-page-header__eyebrow{color:var(--homework-blue);font-size:.72rem;font-weight:850;letter-spacing:.06em;margin:0 0 .25rem;text-transform:uppercase}.homework-page-header h2{font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.15;margin:0}.homework-page-header p{color:var(--homework-muted);margin:.35rem 0 0;max-width:720px}.homework-page-header__actions,.homework-registry-card__actions,.homework-tag-row,.homework-assign-modal__footer>div{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.homework-builder-shell{background:var(--homework-panel);border:1px solid var(--homework-line);border-radius:14px;box-shadow:0 16px 40px #0f172a1a;display:grid;grid-template-columns:minmax(240px,285px) minmax(420px,1fr) minmax(260px,320px);min-height:min(760px,calc(100vh - 190px));overflow:hidden}.homework-builder-meta,.homework-library-panel{background:#fff;display:grid;gap:1rem;min-width:0;padding:1rem}.homework-builder-meta{align-content:start;border-right:1px solid var(--homework-line)}.homework-library-panel{border-left:1px solid var(--homework-line);grid-template-rows:auto minmax(0,auto) minmax(0,1fr);overflow:auto}.homework-library-panel h3,.homework-side-panel h3,.homework-assignments-table__head h3{margin:0}.homework-library-panel p,.homework-side-panel p,.homework-assignments-table__head p{color:var(--homework-muted);font-size:.86rem;line-height:1.45;margin:.25rem 0 0}.homework-field{display:grid;gap:.4rem}.homework-field>span,.homework-library-section h4,.homework-assign-column__title span{color:#526277;font-size:.75rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.homework-field input,.homework-field textarea,.homework-tag-input input,.homework-search-field input{background:#f8fbfd;border:1px solid var(--homework-line);border-radius:8px;color:var(--homework-ink);min-width:0;outline:none;padding:.7rem .75rem;width:100%}.homework-field textarea{min-height:88px;resize:vertical}.homework-builder-context .theory-context-picker{margin:0}.homework-tag-editor,.homework-selected-chips{display:flex;flex-wrap:wrap;gap:.4rem}.homework-tag,.homework-tab{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:820;justify-content:center;min-height:24px;padding:0 .55rem;white-space:nowrap}button.homework-tag{cursor:pointer}.homework-tag{background:#f3f7fa;border:1px solid #e1e9f0;color:#536379}.homework-tag--blue{background:#e8f4fb;border-color:#c6dfef;color:var(--homework-blue)}.homework-tag--teal{background:#e4f7f3;border-color:#bfe4dc;color:#087061}.homework-tag--amber{background:#fff3dc;border-color:#f0d49f;color:var(--homework-amber)}.homework-tag--violet{background:#f0eefb;border-color:#d8d1f5;color:var(--homework-violet)}.homework-tag-input{display:grid;gap:.4rem;grid-template-columns:minmax(0,1fr) auto}.homework-version-panel,.homework-side-panel,.homework-inline-note,.homework-empty-canvas{border:1px solid var(--homework-line);border-radius:10px}.homework-version-panel{background:#f8fbfd;display:grid;gap:.75rem;padding:.85rem}.homework-version-panel>div:first-child{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.homework-version-panel p{color:var(--homework-muted);font-size:.84rem;line-height:1.45;margin:0}.homework-builder-metrics,.homework-metrics-row{display:grid;gap:.5rem}.homework-builder-metrics{grid-template-columns:1fr 1fr}.homework-builder-metrics>div,.homework-metrics-row>div{background:#fff;border:1px solid #e1e9f0;border-radius:9px;display:grid;gap:.1rem;padding:.65rem}.homework-builder-metrics strong,.homework-metrics-row strong{font-size:1.15rem}.homework-builder-metrics span,.homework-metrics-row span{color:var(--homework-muted);font-size:.73rem}.homework-builder-canvas{background:linear-gradient(#eef5f8 1px,transparent 1px),linear-gradient(90deg,#eef5f8 1px,transparent 1px),#f7fafc;background-size:28px 28px;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:1rem}.homework-builder-canvas__head{align-items:start;background:#fffffff0;border:1px solid var(--homework-line);border-radius:10px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.85rem;padding:.9rem}.homework-builder-canvas__head h3{font-size:1.35rem;margin:0}.homework-builder-canvas__head p{color:var(--homework-muted);margin:.25rem 0 0}.homework-builder-dropzone{display:grid;gap:.75rem;min-height:0;overflow:auto}.homework-drop-hint{align-items:center;background:#edf8fb;border:1px dashed #8ec8dc;border-radius:10px;color:#316075;display:flex;font-size:.86rem;font-weight:850;min-height:46px;padding:0 .85rem}.homework-empty-canvas{align-content:center;background:#ffffffb8;color:var(--homework-muted);display:grid;justify-items:center;min-height:210px;padding:1rem;text-align:center}.homework-empty-canvas strong{color:var(--homework-ink)}.homework-task-card{background:#fff;border:1px solid var(--homework-line);border-radius:10px;box-shadow:0 10px 24px #0f172a0f;display:grid;gap:.75rem;overflow:hidden;padding:.85rem;position:relative}.homework-task-card:before{background:var(--homework-blue);border-radius:999px;content:"";inset:.8rem auto .8rem 0;position:absolute;width:4px}.homework-task-card--text:before{background:var(--homework-teal)}.homework-task-card--image:before{background:var(--homework-amber)}.homework-task-card__head{align-items:center;display:grid;gap:.65rem;grid-template-columns:auto auto minmax(0,1fr) auto}.homework-drag-handle{color:#9aa7b7;font-weight:900}.homework-task-icon{align-items:center;border-radius:8px;display:inline-flex;font-size:.78rem;font-weight:900;height:38px;justify-content:center;width:38px}.homework-task-icon--test,.homework-task-icon--blue{background:#e8f4fb;color:var(--homework-blue)}.homework-task-icon--text,.homework-task-icon--teal{background:#e4f7f3;color:var(--homework-teal)}.homework-task-icon--image,.homework-task-icon--amber{background:#fff3dc;color:var(--homework-amber)}.homework-task-icon--violet{background:#f0eefb;color:var(--homework-violet)}.homework-task-card__head strong{display:block}.homework-task-card__head p{color:var(--homework-muted);font-size:.82rem;margin:.2rem 0 0}.homework-question-preview{background:#f8fbfd;border:1px solid #e3ebf2;border-radius:9px;display:grid;gap:.55rem;padding:.7rem}.homework-answer-grid{display:grid;gap:.45rem;grid-template-columns:1fr 1fr}.homework-answer-grid span,.homework-text-answer-preview{background:#fff;border:1px solid #e0e8ef;border-radius:8px;color:#405169;min-height:34px;padding:.48rem .6rem}.homework-answer-grid span.is-correct{border-color:#a8d8ce;color:#087061}.homework-image-preview{align-items:center;background:linear-gradient(135deg,#e8f4fb,#fff3dc);border:1px solid #d9e6ee;border-radius:8px;color:#607086;display:flex;font-weight:850;height:86px;justify-content:center}.homework-library-section{display:grid;gap:.65rem;min-height:0}.homework-library-section h4{margin:0}.homework-template-list,.homework-module-library,.homework-recipient-list,.homework-picker-list{display:grid;gap:.55rem;min-height:0;overflow:auto}.homework-template-card,.homework-library-module,.homework-picker-card,.homework-student-option,.homework-group-option,.homework-preview-card,.homework-assignment-mini{background:#fff;border:1px solid var(--homework-line);border-radius:10px}.homework-template-card{display:grid;gap:.55rem;grid-template-columns:auto minmax(0,1fr);padding:.7rem}.homework-template-card strong,.homework-library-module strong,.homework-picker-card strong{display:block}.homework-template-card p,.homework-library-module span,.homework-picker-card p{color:var(--homework-muted);font-size:.78rem;line-height:1.35;margin:.15rem 0 0}.homework-template-card__preview{background:#f8fbfd;border:1px solid #e1e9f0;border-radius:8px;display:grid;gap:.35rem;grid-column:1 / -1;padding:.55rem}.homework-template-card__preview span{background:#dbe7ef;border-radius:999px;height:8px}.homework-template-card__preview span:nth-child(2){width:72%}.homework-template-card__preview span:nth-child(3){width:46%}.homework-library-module{cursor:grab;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto;padding:.65rem}.homework-library-module__actions{align-items:center;display:flex;gap:.35rem}.homework-library-module__actions>span{align-items:center;background:#f3f7fa;border-radius:999px;color:#526277;display:inline-flex;font-size:.75rem;font-weight:850;height:24px;justify-content:center;min-width:24px}.homework-inline-note{background:#fff8ec;color:#765a35;font-size:.84rem;line-height:1.45;padding:.75rem}.homework-registry-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.homework-registry-list,.homework-registry-aside{align-content:start;display:grid;gap:.85rem}.homework-registry-filters{background:#fff;border:1px solid var(--homework-line);border-radius:12px;display:grid;gap:.75rem;grid-template-columns:minmax(250px,1fr) auto;padding:.8rem}.homework-search-field{align-items:center;display:grid;gap:.5rem;grid-template-columns:auto minmax(0,1fr)}.homework-search-field input{min-height:40px}.homework-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.homework-tab{background:#f2f6f9;border:1px solid transparent;color:#5e6e84;min-height:34px;padding:0 .7rem}.homework-tab.is-active{background:#fff;border-color:var(--homework-line);color:var(--homework-ink)}.homework-registry-card,.homework-side-panel,.homework-assignments-table{background:#fff;border:1px solid var(--homework-line);border-radius:12px;box-shadow:0 12px 30px #0f172a12}.homework-registry-card{display:grid;gap:.8rem;padding:1rem}.homework-registry-card__head{align-items:start;display:flex;gap:1rem;justify-content:space-between}.homework-registry-card h3{margin:0}.homework-registry-card p{color:var(--homework-muted);margin:.25rem 0 0}.homework-metrics-row{grid-template-columns:repeat(4,minmax(0,1fr))}.homework-side-panel{padding:1rem}.homework-version-row{align-items:center;background:#f8fbfd;border:1px solid #e1e9f0;border-radius:9px;display:flex;justify-content:space-between;margin-top:.75rem;min-height:42px;padding:0 .75rem}.homework-assignment-mini{align-items:center;display:grid;gap:.65rem;grid-template-columns:auto minmax(0,1fr);padding:.65rem}.homework-assignment-mini p{margin:.12rem 0 0}.homework-avatar{align-items:center;background:#102033;border-radius:8px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:900;height:34px;justify-content:center;width:34px}.homework-assign-backdrop{padding:1.25rem}.homework-assign-modal{background:#fff;border:1px solid #cfdae4;border-radius:14px;box-shadow:0 28px 80px #12203347;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(840px,calc(100vh - 2.5rem));max-width:1180px;overflow:hidden;width:100%}.homework-assign-modal__header{align-items:center;border-bottom:1px solid var(--homework-line);display:flex;gap:1rem;justify-content:space-between;min-height:76px;padding:1rem 1.25rem}.homework-assign-modal__header h3{margin:0}.homework-assign-modal__header p{color:var(--homework-muted);margin:.25rem 0 0}.homework-assign-modal__body{display:grid;grid-template-columns:330px minmax(340px,1fr) 310px;min-height:0}.homework-assign-column{border-right:1px solid var(--homework-line);display:grid;gap:.75rem;grid-template-rows:auto auto auto minmax(0,1fr);min-height:0;min-width:0;padding:1rem}.homework-assign-column--preview{border-right:0;grid-template-rows:auto auto auto auto auto minmax(0,1fr)}.homework-assign-column__title{align-items:center;display:flex;justify-content:space-between}.homework-assign-column__title strong{font-size:.96rem}.homework-recipient-list,.homework-picker-list{padding-right:.25rem}.homework-student-option,.homework-group-member{align-items:center;color:var(--homework-ink);display:grid;gap:.55rem;text-align:left}.homework-student-option{grid-template-columns:auto auto minmax(0,1fr);padding:.65rem}.homework-student-option.is-selected,.homework-picker-card.is-selected{background:#f0fbff;border-color:#8ec8dc;box-shadow:inset 3px 0 0 var(--homework-blue)}.homework-checkbox{align-items:center;border:1px solid var(--homework-line);border-radius:6px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:900;height:22px;justify-content:center;width:22px}.is-selected>.homework-checkbox,.homework-group-member.is-selected .homework-checkbox{background:var(--homework-blue);border-color:var(--homework-blue)}.homework-student-option__text{display:grid;min-width:0}.homework-student-option__text small{color:var(--homework-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homework-group-option{display:grid;gap:.65rem;padding:.65rem}.homework-group-option__head{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.homework-group-option__head small{color:var(--homework-muted);display:block;margin-top:.15rem}.homework-group-members{display:grid;gap:.4rem}.homework-group-members p{color:var(--homework-muted);font-size:.84rem;margin:0}.homework-group-member{background:#f8fbfd;border:1px solid #e1e9f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);min-height:36px;padding:0 .55rem}.homework-picker-card{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem;text-align:left}.homework-preview-card{display:grid;gap:.6rem;padding:.75rem}.homework-preview-card>div{display:flex;gap:.75rem;justify-content:space-between}.homework-preview-card span{color:var(--homework-muted)}.homework-selected-chips span{background:#f3f7fa;border:1px solid #e1e9f0;border-radius:999px;color:#536379;font-size:.75rem;font-weight:780;padding:.28rem .5rem}.homework-assign-modal__footer{align-items:center;background:#f9fcfd;border-top:1px solid var(--homework-line);display:flex;gap:.75rem;grid-column:1 / -1;justify-content:space-between;padding:.85rem 1rem}.homework-assign-modal__footer>span{color:var(--homework-muted);font-size:.84rem}.homework-assignments-table{display:grid;gap:.75rem;padding:1rem}.homework-assignments-table__head{align-items:end;display:flex;justify-content:space-between}@media(max-width:1280px){.homework-builder-shell{grid-template-columns:minmax(230px,270px) minmax(360px,1fr)}.homework-library-panel{border-left:0;border-top:1px solid var(--homework-line);grid-column:1 / -1;grid-template-rows:auto auto;max-height:420px}.homework-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1080px){.homework-page-header,.homework-registry-card__head,.homework-assign-modal__footer{align-items:stretch;flex-direction:column}.homework-builder-shell,.homework-registry-layout,.homework-registry-filters,.homework-assign-modal__body{grid-template-columns:1fr}.homework-builder-meta,.homework-library-panel,.homework-assign-column{border-left:0;border-right:0;border-bottom:1px solid var(--homework-line)}.homework-assign-column--preview{border-bottom:0}.homework-assign-modal{max-height:calc(100vh - 1rem);overflow:auto}}@media(max-width:680px){.homework-builder-shell{min-height:auto}.homework-answer-grid,.homework-metrics-row,.homework-template-list{grid-template-columns:1fr}.homework-task-card__head,.homework-student-option{grid-template-columns:auto minmax(0,1fr)}.homework-task-card__head .btn,.homework-student-option .homework-avatar{grid-column:2}}.todo-field{display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.9rem}.configurator-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.table-row--unread{background:#2563eb0f}.empty-state{padding:1rem;border-radius:12px;background:var(--panel-soft);color:var(--muted-strong);border:1px dashed var(--border-strong)}.task-bank-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.task-bank-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:16px;border:1px solid var(--border-strong);background:var(--panel-soft)}.task-bank-card__header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.task-bank-card__title{font-weight:600}.task-bank-card__meta{margin-top:.2rem;color:var(--muted);font-size:.9rem}.task-bank-card__actions{display:flex;align-items:center}.module-page{background:var(--panel);padding:2rem;border-radius:18px;box-shadow:0 18px 44px #0f172a24;border:1px solid var(--border-strong)}.module-header{margin-bottom:1rem}.module-meta{color:var(--muted-strong);margin-top:.3rem}.module-webhook{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.module-input{width:100%}.module-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tasks-section{margin-top:2rem}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1rem}.task-grid .task-card{margin-bottom:0}.task-card{position:relative;border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem .95rem;margin-bottom:1rem;background:var(--panel);box-shadow:0 12px 24px #0f172a14}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#f59e0b,#22c55e)}.task-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.task-card__actions{display:flex;align-items:center;gap:.5rem}.page-header__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.task-editor-modal .modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border)}.task-editor-modal .modal-title{font-size:1.25rem}.task-editor-modal .modal-body{background:#fcfdff}.lesson-template-preview{margin-top:1rem}.lesson-template-preview__title{font-weight:600;margin-bottom:.5rem}.task-editor-form{display:flex;flex-direction:column;gap:1rem}.task-editor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}.task-editor-options{border:1px solid var(--border);border-radius:14px;padding:1rem;background:var(--panel);display:flex;flex-direction:column;gap:.75rem}.task-editor-options__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.task-editor-options__title{font-weight:600}.task-editor-options__note{color:var(--muted);font-size:.9rem}.task-editor-options__list{display:flex;flex-direction:column;gap:.6rem}.task-editor-option{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.task-editor-option__text{width:100%}.task-editor-option__check{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted-strong)}.task-editor-empty{color:var(--muted);font-size:.9rem}.task-editor-actions{justify-content:space-between;flex-wrap:wrap}.task-block{margin-top:.5rem;font-size:.95rem}.task-options{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.3rem}.task-option{padding:.3rem .45rem;border-radius:10px;background:var(--panel);border:1px solid var(--border-strong);font-size:.9rem}.task-option--correct{border-color:#22c55e;background:#22c55e1f}@media(max-width:1100px){.task-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:720px){.task-grid{grid-template-columns:minmax(0,1fr)}}.inline-error{display:inline-block;margin-left:.5rem}.module-job{margin-bottom:.75rem}.tag{display:inline-block;padding:.1rem .4rem;border-radius:.4rem;font-size:.75rem;margin-left:.35rem}.tag--success{background:#22c55e;color:#fff}@media(max-width:1100px){.app-shell{--sidebar-width: 240px}.app-header{flex-direction:column;align-items:flex-start}.app-header__right{width:100%;flex-wrap:wrap}.app-header__center{width:100%;justify-content:flex-start}}@media(max-width:860px){.app-surface{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.sidebar__actions{width:100%}.main-content{padding:1rem}.settings-grid--columns{grid-template-columns:1fr}.table-wrapper{margin:0 -.25rem}}@media(max-width:900px){.app-surface{grid-template-columns:1fr;border-radius:0;box-shadow:0 12px 26px #0f172a26;overflow:visible;min-height:100vh}.sidebar{padding:.85rem;gap:.75rem;align-items:flex-start}.sidebar__brand-text{display:none}.sidebar__nav{align-items:center}.sidebar__link{justify-content:center;padding:.55rem;border-radius:12px}.sidebar__link-label{display:none}.sidebar__icon{background:transparent;border:1px solid var(--border-strong)}.sidebar__actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.6rem}.sidebar__card{display:none}.help-request-form__grid{grid-template-columns:1fr}.help-request-upload{align-items:flex-start;flex-direction:column}.sidebar__logout{width:auto}.app-header{display:none}.main-content{padding:calc(82px + env(safe-area-inset-top,0px)) .75rem calc(84px + env(safe-area-inset-bottom,0px))}.modules-filters{gap:.75rem}.table-wrapper{border-radius:14px;margin:0}.sidebar{display:none}.mobile-topbar,.mobile-nav,.mobile-nav-sheet{display:grid}.mobile-nav-backdrop{display:block}.modal-overlay,.modal-backdrop{z-index:120000}.app-header__right,.search-input{width:100%}}@media(min-width:901px){.mobile-topbar,.mobile-nav-backdrop,.mobile-nav-sheet,.mobile-nav{display:none!important}}@media(max-width:350px){.mobile-nav{gap:1px;padding-inline:max(.3rem,env(safe-area-inset-left,0px)) max(.3rem,env(safe-area-inset-right,0px))}.mobile-nav__item{min-height:48px;border-radius:7px}.mobile-nav__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mobile-nav__add-circle{width:40px;height:40px;border-radius:13px}}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.public-shell{min-height:100vh;display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem clamp(1.25rem,4vw,3.5rem);background:radial-gradient(circle at 15% 20%,rgba(13,148,136,.18),transparent 45%),radial-gradient(circle at 80% 0%,rgba(249,115,22,.18),transparent 40%),linear-gradient(140deg,#f8fafc,#f1f5f9 45%,#e2e8f0);position:relative;overflow:hidden;color:#0f172a}.public-shell:before,.public-shell:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(0);z-index:0;opacity:.55}.public-shell:before{background:radial-gradient(circle,rgba(14,165,233,.22),transparent 70%);top:-220px;left:-160px}.public-shell:after{background:radial-gradient(circle,rgba(251,146,60,.25),transparent 70%);bottom:-240px;right:-200px}.public-nav,.public-main,.public-footer{position:relative;z-index:1}.public-nav{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.public-nav__brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.public-nav__logo-wrap{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center}.public-nav__logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(14,165,233,.32))}.public-nav__title{display:block;font-weight:700;font-size:1.05rem}.public-nav__subtitle{display:block;color:#64748b;font-size:.85rem}.public-nav__links{display:flex;align-items:center;gap:1.25rem;font-weight:600}.public-nav__login{padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(15,118,110,.2);background:#fff;box-shadow:0 12px 24px #0f766e1f;text-decoration:none}.public-main{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.public-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#64748b;border-top:1px solid rgba(148,163,184,.4);padding-top:1.5rem}.marketing-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;animation:float-in .7s ease both}.marketing-hero__content{display:flex;flex-direction:column;gap:1.5rem}.marketing-hero__eyebrow{font-weight:700;color:#0f766e;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.marketing-hero__title{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;margin:0}.marketing-hero__subtitle{font-size:1.05rem;color:#475569;margin:0}.marketing-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.marketing-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;border:none}.marketing-button--primary{background:linear-gradient(135deg,#0ea5e9,#0f766e);color:#fff;box-shadow:0 18px 36px #0ea5e959}.marketing-button--ghost{background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.6);box-shadow:0 12px 24px #0f172a14}.marketing-button:hover{transform:translateY(-1px)}.marketing-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.marketing-hero__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.marketing-metric{background:#ffffffe6;border-radius:16px;padding:1rem;box-shadow:0 18px 40px #0f172a1f;animation:rise .7s ease both}.marketing-metric span{display:block;font-size:1.3rem;font-weight:700;color:#0f766e}.marketing-metric p{margin:.35rem 0 0;font-size:.9rem;color:#64748b}.marketing-hero__visual{display:grid;gap:1.25rem}.marketing-hero__card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 30px 60px #0f172a2e;border:1px solid rgba(226,232,240,.9);animation:float-in .7s ease both;animation-delay:.15s}.marketing-hero__card--accent{background:linear-gradient(145deg,#0f766e,#0ea5e9);color:#fff;border:none}.marketing-hero__list{display:grid;gap:.5rem;margin-top:1rem;color:#475569}.marketing-hero__card--accent .marketing-hero__list{color:#ffffffd9}.marketing-hero__bars{display:grid;gap:.6rem;margin-top:1rem}.marketing-hero__bars span{display:block;height:8px;border-radius:999px;background:#ffffffd9}.marketing-section{display:grid;gap:1.5rem}.marketing-section__header h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .35rem}.marketing-section__header p{margin:0;color:#64748b}.marketing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.marketing-card{background:#ffffffeb;border-radius:18px;padding:1.5rem;box-shadow:0 20px 40px #0f172a1f;border:1px solid rgba(226,232,240,.9);animation:rise .7s ease both}.marketing-card h3{margin-top:0}.marketing-section--features .marketing-card{background:linear-gradient(180deg,#fffffffa,#f8fafce6)}.marketing-cta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;background:#0f172a;color:#fff;padding:2rem;border-radius:24px;box-shadow:0 30px 60px #0f172a4d}.marketing-cta h2{margin:0 0 .5rem}.pricing-hero h1{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:.5rem}.pricing-hero p{max-width:640px;color:#475569}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.pricing-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 28px 60px #0f172a26;border:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;gap:1.25rem;animation:float-in .6s ease both}.pricing-card__description{margin:.35rem 0 0;color:#64748b}.pricing-card__price{font-size:2rem;font-weight:700;color:#0f766e}.pricing-card ul{padding-left:1.25rem;margin:0;color:#475569;display:grid;gap:.4rem}.pricing-card__note{margin:0;font-size:.85rem;color:#64748b}.pricing-contact{margin-top:2.5rem;display:grid;gap:1rem}.pricing-contact__card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:2rem;border-radius:24px;background:linear-gradient(135deg,#0f766e1f,#fffffff2);border:1px solid rgba(15,118,110,.25);box-shadow:0 18px 40px #0f172a1f}.pricing-contact__actions{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start}.privacy-page{background:#ffffffe6;border-radius:24px;padding:2rem;box-shadow:0 24px 50px #0f172a1f;border:1px solid rgba(226,232,240,.9)}.privacy-page__date{color:#64748b;margin-top:.25rem}.markdown{display:grid;gap:1rem;color:#0f172a;margin-top:1.5rem}.markdown h1,.markdown h2,.markdown h3{margin:.5rem 0 0}.markdown ul{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}.privacy-accept{display:grid;gap:.5rem;background:var(--panel-soft);padding:.85rem;border-radius:12px;border:1px solid var(--border-strong)}.privacy-accept__label{display:flex;align-items:center;gap:.6rem;font-size:.9rem}.privacy-accept__link{border:none;background:none;color:var(--accent);text-align:left;padding:0;font-weight:600;cursor:pointer}.privacy-accept__label a{color:var(--accent);font-weight:600;text-decoration:none}.modal-backdrop{position:fixed;inset:0;background:#0f172ab3;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:1.5rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{max-width:720px;width:min(720px,100%);background:var(--color-white, #ffffff);border-radius:20px;box-shadow:0 30px 80px #00000059;border:1px solid var(--color-gray-300, #d1d5db);display:flex;flex-direction:column;max-height:80vh;animation:slideUp .3s ease}[data-theme=dark] .modal{background:var(--color-gray-800, #1f2937);border-color:var(--color-gray-700, #374151)}.modal__header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-strong)}.modal__meta{margin:.25rem 0 0;color:var(--muted);font-size:.85rem}.modal__close{border:none;background:var(--panel-soft);border-radius:12px;padding:.5rem .8rem;cursor:pointer;font-weight:600}.modal__body{padding:1.5rem;overflow-y:auto}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.public-nav{flex-direction:column;align-items:flex-start}.public-nav__links{flex-wrap:wrap}.public-footer{flex-direction:column;align-items:flex-start;gap:.4rem}.marketing-hero__metrics{grid-template-columns:1fr}.marketing-cta{text-align:left}}.public-nav__links{flex-wrap:wrap;justify-content:flex-end}.public-nav__auth{display:flex;align-items:center;gap:.6rem}.public-nav__cta{padding:.45rem 1rem;border-radius:999px;background:#0f766e;color:#fff;text-decoration:none;box-shadow:0 12px 22px #0f766e40}.public-footer{gap:1rem}.public-footer>div{display:flex;flex-direction:column;gap:.35rem}.public-footer__links{display:flex;flex-wrap:wrap;gap:.9rem;font-weight:600}.public-footer__links a{text-decoration:none;color:#475569}.marketing-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.marketing-gallery__card{background:#fff;border-radius:18px;padding:1rem;box-shadow:0 18px 35px #0f172a1f;border:1px solid rgba(226,232,240,.9);display:grid;gap:.75rem;text-align:center}.marketing-gallery__thumb{height:140px;border-radius:14px;background:linear-gradient(135deg,#0ea5e959,#f8fafce6);border:1px dashed rgba(148,163,184,.6)}.marketing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.marketing-step{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 18px 40px #0f172a1f;border:1px solid rgba(226,232,240,.9)}.marketing-step span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0ea5e926;color:#0f766e;font-weight:700;margin-bottom:.75rem}.comparison-table{display:grid;gap:.5rem;background:#ffffffe6;padding:1.5rem;border-radius:20px;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a1f}.comparison-row{display:grid;grid-template-columns:minmax(200px,1fr) 100px 110px;gap:1rem;align-items:center;padding:.75rem .5rem;border-radius:12px}.comparison-row--head{font-weight:700;background:#0ea5e914}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.faq-card{background:#fff;border-radius:18px;padding:1.5rem;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a1a}.faq-card h3{margin-top:0}.pricing-toggle{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;background:#ffffffe6;padding:1rem 1.5rem;border-radius:18px;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a1a}.pricing-toggle__group{display:inline-flex;background:var(--panel-soft);border-radius:999px;padding:.25rem}.pricing-toggle__button{border:none;background:transparent;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;font-weight:700;color:#64748b}.pricing-toggle__button.is-active{background:#0f766e;color:#fff}.pricing-toggle__badge{font-weight:700;color:#0f766e}.pricing-group{display:grid;gap:1.25rem}.pricing-group__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pricing-group__header p{margin:.4rem 0 0;color:#64748b}.pricing-card{position:relative}.pricing-card--featured{border:2px solid rgba(14,165,233,.55);box-shadow:0 30px 70px #0ea5e933}.pricing-card__badge{position:absolute;top:1.25rem;right:1.25rem;background:#0f766e;color:#fff;padding:.35rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700}.legal-page{background:#ffffffe6;border-radius:24px;padding:2rem;box-shadow:0 24px 50px #0f172a1f;border:1px solid rgba(226,232,240,.9)}.legal-page__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.legal-page__date{color:#64748b;margin-top:.25rem}.legal-page__versions{display:grid;gap:.6rem;min-width:220px}.legal-page__list{display:grid;gap:.4rem}.legal-page__version-button{border:1px solid rgba(148,163,184,.5);background:#fff;border-radius:10px;padding:.45rem .65rem;cursor:pointer;font-weight:600;color:#475569}.legal-page__version-button.is-active{background:#0ea5e91f;border-color:#0ea5e980;color:#0f766e}@media(max-width:900px){.comparison-row{grid-template-columns:1fr 70px 70px}.pricing-toggle{align-items:flex-start}}.legal-page__hint{margin:.35rem 0 0;color:#0f766e;font-weight:600;font-size:.9rem}.public-nav__links a{text-decoration:none;color:#0f172a}.legal-page__empty{color:#94a3b8;font-size:.9rem}.cookie-consent{bottom:24px;display:grid;gap:6px;left:auto;max-width:min(360px,calc(100vw - 32px));position:fixed;right:24px;width:max-content;z-index:1200}.cookie-consent__card{align-items:center;background:#0f172af0;border:1px solid rgba(148,163,184,.2);border-radius:14px;box-shadow:0 14px 34px #0f172a47;color:#e2e8f0;display:grid;gap:.55rem;grid-template-columns:minmax(0,1fr);padding:.65rem .75rem}.cookie-consent__card h3{color:#f8fafc;font-size:.88rem;line-height:1.2;margin:.05rem 0 .16rem}.cookie-consent__card p{color:#e2e8f0d9;font-size:.76rem;line-height:1.3;margin:0}.cookie-consent__card a{color:#38bdf8;text-decoration:none}.cookie-consent__eyebrow{color:#94a3b8cc;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cookie-consent__actions{display:flex;flex-wrap:wrap;gap:.32rem}.cookie-consent__button{border-radius:999px;border:1px solid rgba(148,163,184,.4);background:transparent;color:#e2e8f0;cursor:pointer;font-size:.72rem;font-weight:800;min-height:28px;padding:0 .62rem}.cookie-consent__button--primary{background:#38bdf8;color:#0f172a;border-color:transparent}.cookie-consent__button--ghost{border-color:transparent;color:#bae6fd}.cookie-consent__settings{background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#e2e8f0;display:grid;gap:.5rem;padding:.7rem .8rem}.cookie-consent__settings p{color:#e2e8f0bf;font-size:.76rem;margin:.15rem 0 0}.cookie-consent__toggle{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600}.cookie-consent__toggle input{accent-color:#38bdf8}@media(max-width:720px){.cookie-consent{bottom:max(10px,env(safe-area-inset-bottom));left:10px;max-height:min(42dvh,260px);max-width:calc(100vw - 20px);overflow-y:auto;right:10px;top:auto;width:auto}.cookie-consent__card{align-items:center;display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto;padding:.5rem .55rem}.cookie-consent__card h3,.cookie-consent__eyebrow{display:none}.cookie-consent__card p{display:-webkit-box;font-size:.69rem;line-height:1.22;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cookie-consent__actions{align-items:center;flex-wrap:nowrap;gap:.28rem;justify-content:flex-end}.cookie-consent__button{font-size:.66rem;min-height:30px;padding:0 .52rem;white-space:nowrap}.cookie-consent__button--necessary{display:none}.cookie-consent__button--ghost{padding-inline:.42rem}.cookie-consent__settings{margin-top:.35rem;padding:.7rem}}.comparison-row span:nth-child(2),.comparison-row span:nth-child(3){text-align:center}section[id]{scroll-margin-top:110px}.faq-list{display:grid;gap:.75rem}.faq-item{background:#fff;border-radius:16px;padding:.2rem 1.25rem;border:1px solid rgba(226,232,240,.9);box-shadow:0 14px 30px #0f172a14}.faq-item summary{cursor:pointer;list-style:none;font-weight:700;padding:1rem 0;position:relative}.faq-item summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#0f766e}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:0 0 1rem;color:#475569;max-width:900px}.dashboard-today .dashboard-grid{align-items:start}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-header__title{display:flex;align-items:baseline;gap:.5rem}.dashboard-header__title span{color:var(--muted-strong);font-size:.95rem}.dashboard-header__meta{margin-top:.35rem;font-weight:600;color:var(--muted-strong)}.panel-card__subtitle{margin:.35rem 0 0;color:var(--muted-strong);font-size:.9rem}.text-truncate{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.today-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:.8rem;background:#ffffffd9;border-radius:12px;padding:.75rem .85rem;border:none;cursor:pointer;transition:border .15s ease,box-shadow .15s ease,transform .15s ease}.today-row:hover{box-shadow:0 10px 24px #2563eb1f;transform:translateY(-1px)}.today-row:focus-visible{outline:2px solid rgba(37,99,235,.4);outline-offset:2px}.today-row__time{font-weight:700}.today-row__info small{display:block;margin-top:.2rem}.next-lesson{display:grid;gap:.6rem}.next-lesson__header{display:flex;align-items:center;gap:.6rem}.next-lesson__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#3b82f62e;color:#1d4ed8}.next-lesson__icon svg{width:18px;height:18px;fill:currentColor}.next-lesson__time{font-size:2rem;font-weight:800}.next-lesson__title{font-weight:700}.next-lesson__meta{color:var(--muted-strong)}.next-lesson--empty{align-items:start}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.quick-action{display:inline-flex;align-items:center;gap:.65rem;min-height:48px;padding:.75rem 1rem;border-radius:12px;border:none;background:#ffffffe6;color:var(--text);text-decoration:none;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border .15s ease;box-shadow:0 12px 26px #0f172a14;animation:card-in .5s ease both}.quick-action__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#94a3b82e;color:#475569}.quick-action__icon svg{width:16px;height:16px;fill:currentColor}.quick-action--primary{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border:none;box-shadow:0 16px 32px #2563eb47}.quick-action--primary .quick-action__icon{background:#fff3;color:#fff}.quick-action:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.empty-state--cta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.empty-state--today{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.1rem;background:#f8fafce6;border-radius:14px;border:none;box-shadow:inset 0 0 0 1px #94a3b840}.empty-state--today .empty-state__icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#3b82f624;color:#1d4ed8}.empty-state--today .empty-state__icon svg{width:22px;height:22px;fill:currentColor}.empty-state--today p{margin:.35rem 0 0;color:var(--muted-strong)}.empty-state--today .button{justify-self:start}.panel-card--wide{grid-column:1 / -1}.lesson-board{display:grid;gap:1rem}.lesson-board__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.lesson-board__meta{margin:.35rem 0 0;color:var(--muted-strong)}.lesson-board__card{display:grid;gap:.75rem}.lesson-board__hint{margin:0;color:var(--muted-strong)}.boards-hint{display:grid;grid-template-columns:auto 1fr;gap:.9rem;padding:1.1rem;border-radius:14px;border:none;background:#f8fafce6;margin-bottom:1rem;box-shadow:inset 0 0 0 1px #94a3b833}.boards-hint__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#2563eb24;color:#1d4ed8}.boards-hint__icon svg{width:22px;height:22px;fill:currentColor}.boards-hint p{margin:.35rem 0 0;color:var(--muted-strong)}.boards-hint__actions{grid-column:1 / -1}.lesson-board__textarea{min-height:220px;resize:vertical}@media(max-width:900px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dashboard-zone--hero .dashboard-zone__grid,.dashboard-zone--work .dashboard-zone__grid,.quick-actions{grid-template-columns:1fr}.today-row{grid-template-columns:1fr;align-items:flex-start}.empty-state--cta{flex-direction:column;align-items:flex-start}.empty-state--today,.boards-hint{grid-template-columns:1fr}}.dashboard-grid--today{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel-card--highlight{background:linear-gradient(135deg,#2563eb14,#0ea5e914);border-color:#2563eb33}.panel-card--hero{background:linear-gradient(135deg,#0ea5e92e,#3b82f61f);border:1px solid rgba(59,130,246,.35);padding:1.75rem;box-shadow:0 22px 50px #2563eb2e}.panel-card--hero:hover{box-shadow:0 28px 60px #2563eb38}.panel-card--hero .next-lesson__time{font-size:2.4rem}.note-item{gap:.75rem}.muted{color:var(--muted);font-size:.9rem}.lesson-board__actions{display:flex;flex-wrap:wrap;gap:.6rem}.lesson-board__history{display:flex;flex-direction:column;gap:.75rem}.lesson-board__history-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.lesson-board__history-item{display:flex;justify-content:space-between;gap:.75rem;align-items:center;background:var(--panel-soft);border-radius:12px;padding:.65rem .75rem;border:1px solid var(--border-strong)}@media(max-width:900px){.lesson-board__grid{grid-template-columns:1fr}}.lesson-board-page{padding:1.5rem;display:grid;gap:1rem}.lesson-board-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.lesson-board__toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background:var(--panel);border:1px solid var(--border-strong);border-radius:14px;padding:.6rem .75rem;box-shadow:0 16px 40px #0f172a14}.tool-button{border:1px solid var(--border-strong);background:var(--panel-soft);padding:.45rem .7rem;border-radius:10px;font-weight:600;cursor:pointer}.tool-button.is-active{background:#2563eb1f;border-color:#2563eb59;color:#1d4ed8}.tool-control{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--muted-strong);padding:0 .4rem}.tool-control input[type=color]{width:32px;height:32px;border:none;padding:0;background:transparent}.tool-control input[type=range]{width:120px}.lesson-board__status{margin-left:auto;display:inline-flex;gap:.5rem;align-items:center}.lesson-board__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1rem}.lesson-board__canvas{position:relative;background:#f8fafc;border:1px solid var(--border-strong);border-radius:16px;min-height:560px;overflow:hidden}.lesson-board__canvas canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.board-item{position:absolute;min-width:140px;min-height:44px;padding:.6rem .75rem;border-radius:12px;border:1px dashed rgba(148,163,184,.7);box-shadow:0 10px 24px #0f172a1a;background:#ffffffe6;cursor:grab;user-select:none;max-width:280px;word-break:break-word}.board-item:focus{outline:none}.board-item.is-active{outline:2px solid rgba(37,99,235,.55);cursor:text;user-select:text}.board-item--sticky{background:#fde047;border:none}.board-item--text{background:#fffffff2}.lesson-board__history{display:grid;gap:.75rem}.lesson-board__history-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.lesson-board__history-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--panel-soft);border-radius:12px;padding:.65rem .75rem;border:1px solid var(--border-strong)}.lesson-board__history-item.is-active{border-color:#2563eb66;background:#2563eb14}@media(max-width:900px){.lesson-board__grid{grid-template-columns:1fr}.lesson-board__toolbar{align-items:flex-start}}.lesson-board-fullscreen .app-shell{padding:0}.lesson-board-fullscreen .app-surface{grid-template-columns:1fr;border-radius:0;min-height:100vh}.lesson-board-fullscreen .sidebar,.lesson-board-fullscreen .app-header,.lesson-board-fullscreen .mobile-topbar,.lesson-board-fullscreen .mobile-nav,.lesson-board-fullscreen .mobile-nav-backdrop,.lesson-board-fullscreen .mobile-nav-sheet{display:none!important}.lesson-board-fullscreen .main-panel{padding:0}.lesson-board-page{min-height:calc(100vh - 120px)}.lesson-board-fullscreen .lesson-board-page{padding:.75rem;min-height:100vh}.lesson-board__canvas{min-height:clamp(420px,65vh,720px)}.lesson-excalidraw-page{display:grid;gap:0;padding:0;height:100%;min-height:0}.lesson-excalidraw-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.lesson-excalidraw-heading{display:flex;align-items:center;gap:.75rem;min-width:0}.lesson-excalidraw-menu-button{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-strong);background:#fff;color:var(--text);cursor:pointer;display:inline-grid;place-items:center;font-size:1rem;font-weight:800;flex:0 0 auto}.lesson-excalidraw-menu-button:hover{background:var(--panel-soft)}.lesson-excalidraw-title{font-size:1.25rem;font-weight:700}.lesson-excalidraw-subtitle{margin:.4rem 0 0;color:var(--muted-strong)}.lesson-excalidraw-actions{display:flex;align-items:center;gap:.6rem}.lesson-excalidraw-share-link{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:#fffffff5}.lesson-excalidraw-share-link input{flex:1;min-width:180px;height:2.25rem;border:1px solid var(--border);border-radius:8px;padding:0 .75rem;background:#fff;color:var(--text);font-size:.85rem}.lesson-excalidraw-canvas{position:relative;border-radius:16px;border:1px solid var(--border-strong);overflow:hidden;background:#f8fafc;min-height:clamp(520px,70vh,820px);height:100%}.lesson-excalidraw-frame{width:100%;height:100%;border:none;display:block}.lesson-excalidraw-loading{height:100%;min-height:inherit;display:grid;place-items:center;color:var(--muted-strong)}.lesson-board-drawer-backdrop{position:fixed;inset:0;z-index:70;border:none;background:#0f172a47;cursor:pointer}.lesson-board-drawer{position:fixed;inset:0 auto 0 0;z-index:80;width:min(360px,calc(100vw - 24px));transform:translate(-100%);transition:transform .18s ease;background:#fff;border-right:1px solid var(--border-strong);box-shadow:18px 0 40px #0f172a29;display:flex;flex-direction:column;color:var(--text);pointer-events:none}.lesson-board-drawer.is-open{transform:translate(0);pointer-events:auto}.lesson-board-drawer__head{padding:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:.75rem}.lesson-board-drawer__eyebrow{color:var(--muted-strong);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lesson-board-drawer__head h2{margin:.2rem 0 0;font-size:1.05rem;line-height:1.25}.lesson-board-drawer__close{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted-strong);cursor:pointer;font-size:1.2rem;line-height:1;flex:0 0 auto}.lesson-board-drawer__actions{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.lesson-board-drawer__content{flex:1;min-height:0;overflow:auto;padding:1rem;display:grid;gap:1rem}.lesson-board-drawer__section-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem;color:var(--text);font-size:.82rem;font-weight:850}.lesson-board-drawer__section-title small,.lesson-board-drawer__item small{border:1px solid var(--border);border-radius:999px;padding:.2rem .5rem;color:var(--muted-strong);background:var(--panel-soft);font-size:.7rem;font-weight:800}.lesson-board-drawer__list{display:grid;gap:.5rem}.lesson-board-drawer__mode{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:-.25rem 0 .6rem;padding:.25rem;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.lesson-board-drawer__mode button{min-height:2.15rem;border:0;border-radius:6px;background:transparent;color:var(--muted-strong);font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}.lesson-board-drawer__mode button.is-active{background:#fff;color:#1d4ed8;box-shadow:0 1px 4px #0f172a1f}.lesson-board-drawer__mode button:disabled{cursor:wait;opacity:.65}.lesson-board-drawer__item{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;color:inherit;padding:.7rem;display:flex;justify-content:space-between;gap:.75rem;text-align:left}button.lesson-board-drawer__item{cursor:pointer}button.lesson-board-drawer__item:hover{background:var(--panel-soft);border-color:var(--border-strong)}.lesson-board-drawer__item.is-active{border-color:#2563eb;background:#eff6ff}.lesson-board-drawer__item.is-active small{border-color:#bfdbfe;background:#dbeafe;color:#1d4ed8}.lesson-board-drawer__item--create{border-style:dashed}.lesson-board-drawer__item strong{display:block;color:var(--text);font-size:.88rem;line-height:1.25}.lesson-board-drawer__item span{display:block;margin-top:.2rem;color:var(--muted-strong);font-size:.76rem;line-height:1.35}.lesson-board-drawer__item--template{background:#f8fbff}.lesson-board-drawer__state,.lesson-board-drawer__empty{border:1px solid var(--border);border-radius:10px;background:var(--panel-soft);color:var(--muted-strong);padding:.75rem;font-size:.82rem}.lesson-board-drawer__state{margin:1rem}.lesson-board-drawer__state--error{border-color:#ef444447;background:#ef444414;color:#b91c1c}@media(max-width:900px){.lesson-excalidraw-topbar{flex-direction:column;align-items:flex-start}.lesson-excalidraw-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.lesson-excalidraw-fullscreen .app-shell{padding:0}.lesson-excalidraw-fullscreen .app-surface{grid-template-columns:1fr;border-radius:0;border:none;box-shadow:none;min-height:100vh}.lesson-excalidraw-fullscreen .sidebar,.lesson-excalidraw-fullscreen .app-header,.lesson-excalidraw-fullscreen .mobile-topbar,.lesson-excalidraw-fullscreen .mobile-nav,.lesson-excalidraw-fullscreen .mobile-nav-backdrop,.lesson-excalidraw-fullscreen .mobile-nav-sheet{display:none!important}.lesson-excalidraw-fullscreen .main-panel{padding:0;overflow:hidden}.lesson-excalidraw-fullscreen .main-content{padding:0;height:100%;min-height:0;overflow:hidden;background:transparent;display:flex;flex-direction:column}.lesson-excalidraw-fullscreen .page-transition{flex:1;min-height:0;display:flex;flex-direction:column}.lesson-excalidraw-fullscreen .lesson-excalidraw-page{padding:0;height:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:0}.lesson-excalidraw-fullscreen .lesson-excalidraw-topbar{padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--border-strong);align-items:center}.lesson-excalidraw-fullscreen .lesson-excalidraw-title{font-size:1rem}.lesson-excalidraw-fullscreen .lesson-excalidraw-subtitle{margin-top:.15rem;font-size:.86rem}.lesson-excalidraw-fullscreen .lesson-excalidraw-canvas{height:100%;min-height:0;border:none;border-radius:0;flex:1}.lesson-excalidraw-fullscreen,body.lesson-excalidraw-fullscreen{overflow:hidden}body.lesson-excalidraw-fullscreen #root{min-height:100vh;height:100vh;display:flex;flex-direction:column}.plan-pill{background:var(--panel-soft);border:1px solid var(--border-strong);padding:.65rem .85rem;border-radius:12px;font-weight:600;color:var(--text)}.trial-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(120deg,#0ea5e92e,#0ea5e914);border-bottom:1px solid rgba(14,165,233,.25)}.trial-banner p{margin:.35rem 0 0;color:var(--muted-strong)}.trial-banner--expired{background:linear-gradient(120deg,#ef44442e,#f973161f);border-bottom:1px solid rgba(239,68,68,.3)}.onboarding-page{display:grid;gap:1.5rem}.onboarding-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.onboarding-progress{background:var(--panel);border:1px solid var(--border-strong);border-radius:18px;padding:1.25rem;box-shadow:0 12px 30px #0f172a14}.onboarding-progress__bar{height:8px;border-radius:999px;background:#94a3b833;overflow:hidden}.onboarding-progress__bar span{display:block;height:100%;background:linear-gradient(120deg,#0ea5e9,#2563eb);transition:width .25s ease}.onboarding-progress__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.onboarding-step{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:12px;background:var(--panel-soft);border:1px solid var(--border-strong);color:var(--muted-strong)}.onboarding-step span{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#0ea5e926;font-weight:700;color:#0f766e}.onboarding-step.is-active{color:var(--text);border-color:#0ea5e966;background:#0ea5e91a}.onboarding-step.is-complete{color:var(--text);border-color:#22c55e59;background:#22c55e14}.onboarding-step p{margin:0;font-weight:600}.onboarding-card{background:var(--panel);border:1px solid var(--border-strong);border-radius:18px;padding:1.5rem;display:grid;gap:1rem;box-shadow:0 16px 40px #0f172a1a}.onboarding-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.onboarding-feature-card{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border-radius:14px;background:var(--panel-soft);border:1px solid var(--border-strong)}.onboarding-feature-card__icon{font-size:1.4rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:12px;background:#38bdf82e}.onboarding-feature-card p{margin:.25rem 0 0}.onboarding-invite-form{display:grid;gap:.75rem}.onboarding-invite-link{display:grid;gap:.5rem}.onboarding-invite-link__box{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-radius:14px;border:1px solid var(--border-strong);background:var(--panel-soft);flex-wrap:wrap}.onboarding-page--mini{max-width:520px}.onboarding-info{background:var(--panel-soft);border:1px solid var(--border-strong);padding:.75rem 1rem;border-radius:14px}.onboarding-summary ul{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.4rem}.text-success{color:#16a34a;font-weight:500}.text-danger{color:#dc2626;font-weight:500}.onboarding-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.billing-page{display:grid;gap:1.5rem}.billing-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.billing-card{background:var(--panel);border:1px solid var(--border-strong);border-radius:20px;padding:1.5rem;box-shadow:0 18px 40px #0f172a1f;display:grid;gap:1rem}.billing-card ul{margin:0;padding-left:1.2rem;color:var(--muted-strong);display:grid;gap:.4rem}.billing-card--soft{background:var(--panel-soft)}.billing-plan{display:flex;justify-content:space-between;align-items:center;gap:1rem}.billing-badge{padding:.35rem .7rem;border-radius:999px;font-weight:700;background:#0ea5e926;color:#0f766e}.billing-meta{margin:0;color:var(--muted-strong)}.billing-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width:900px){.trial-banner{flex-direction:column;align-items:flex-start}.onboarding-actions{justify-content:flex-start}}.sidebar-user-section{position:relative;width:100%}.sidebar-user-trigger{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .7rem;border-radius:12px;border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer;transition:all .2s ease}.sidebar-user-trigger:hover{border-color:var(--border-strong);background:var(--panel)}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;text-align:left}.sidebar-user-name{font-weight:600;font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-product-version{margin-top:.25rem;padding:0 .7rem 0 .5rem;color:var(--muted);font-size:.7rem;line-height:1.35;text-align:right}.sidebar-user-chevron{width:16px;height:16px;flex-shrink:0;color:var(--muted);transition:transform .2s ease}.sidebar-user-chevron svg{width:100%;height:100%;fill:currentColor}.sidebar-user-trigger[aria-expanded=true] .sidebar-user-chevron{transform:rotate(180deg)}.sidebar-user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:var(--color-white, #ffffff);border:1px solid var(--color-gray-300, #d1d5db);border-radius:12px;box-shadow:0 10px 25px #00000026,0 0 0 1px #0000000d;padding:.5rem;z-index:1000;animation:slideUp .2s ease;backdrop-filter:blur(8px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease;text-align:left}.sidebar-user-menu-item:hover{background:var(--color-gray-50, #f9fafb)}[data-theme=dark] .sidebar-user-dropdown{background:var(--color-gray-800, #1f2937);border-color:var(--color-gray-700, #374151)}[data-theme=dark] .sidebar-user-menu-item{color:var(--color-gray-100, #f3f4f6)}[data-theme=dark] .sidebar-user-menu-item:hover{background:var(--color-gray-700, #374151)}.sidebar-user-menu-item--danger{color:var(--error)}.sidebar-user-menu-item--danger:hover{background:#ef44441a}.sidebar-user-menu-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-user-menu-icon svg{width:100%;height:100%;fill:currentColor}.sidebar-user-menu-divider{height:1px;background:var(--border);margin:.5rem 0}.app-shell--collapsed .sidebar-user-section{display:none}.student-detail-page{max-width:1400px}.student-detail-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;margin-top:1.5rem}.student-detail-main,.student-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.student-detail-grid{grid-template-columns:1fr}.student-detail-sidebar{order:-1}}.student-info-list{display:flex;flex-direction:column;gap:1rem}.student-info-item{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.student-info-item:last-child{border-bottom:none;padding-bottom:0}.student-info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600, #4b5563);min-width:100px;flex-shrink:0}.student-info-value{font-size:var(--font-size-base);color:var(--color-dark);word-break:break-word}.student-info-value-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.student-telegram-hint{font-size:var(--font-size-sm);margin-top:.5rem}.student-telegram-actions{margin-top:.5rem}.student-info-helper{margin-top:.35rem;font-size:var(--font-size-sm)}.status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid transparent}.status-chip--success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}.status-chip--warning{color:#664d03;background:#fff3cd;border-color:#ffecb5}[data-theme=dark] .student-info-item{border-bottom-color:var(--color-gray-700, #374151)}[data-theme=dark] .student-info-label{color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .student-info-value{color:var(--color-gray-100, #f3f4f6)}.student-edit-form{display:flex;flex-direction:column;gap:1rem}.student-lesson-form{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb);margin-bottom:1.5rem}[data-theme=dark] .student-lesson-form{border-bottom-color:var(--color-gray-700, #374151)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.student-note-form{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb);margin-bottom:1.5rem}[data-theme=dark] .student-note-form{border-bottom-color:var(--color-gray-700, #374151)}.notes-list{display:flex;flex-direction:column;gap:1rem}.note-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;background:var(--color-gray-50, #f9fafb);border-radius:8px;border:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .note-card{background:var(--color-gray-800, #1f2937);border-color:var(--color-gray-700, #374151)}.note-card__content{flex:1;min-width:0}.note-card__date{font-size:var(--font-size-xs);color:var(--color-gray-600, #4b5563);margin-bottom:.5rem}[data-theme=dark] .note-card__date{color:var(--color-gray-400, #9ca3af)}.note-card__text{font-size:var(--font-size-sm);color:var(--color-dark);word-break:break-word;white-space:pre-wrap}[data-theme=dark] .note-card__text{color:var(--color-gray-100, #f3f4f6)}.empty-state{padding:2rem;text-align:center}.empty-state p{margin:0}.page-header-actions{display:flex;align-items:center;gap:.5rem}.profile-page-new{max-width:1400px}.profile-grid{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;margin-top:1.5rem}@media(max-width:1024px){.profile-grid{grid-template-columns:1fr}}.profile-main,.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.profile-card-main{position:relative}.profile-avatar-section{position:relative;display:flex;justify-content:center;margin-bottom:1.5rem}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #3b82f6),var(--color-primary-dark, #2563eb));color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:var(--font-weight-bold);box-shadow:0 4px 12px #0000001a}.profile-edit-icon{position:absolute;bottom:0;right:calc(50% - 70px);width:36px;height:36px;border-radius:50%;background:var(--color-white, #ffffff);border:2px solid var(--color-gray-200, #e5e7eb);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-gray-600, #4b5563)}.profile-edit-icon:hover{background:var(--color-gray-50, #f9fafb);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);transform:scale(1.1)}[data-theme=dark] .profile-edit-icon{background:var(--color-gray-800, #1f2937);border-color:var(--color-gray-700, #374151);color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .profile-edit-icon:hover{background:var(--color-gray-700, #374151)}.profile-info-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.profile-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-dark)}[data-theme=dark] .profile-name{color:var(--color-gray-100, #f3f4f6)}.profile-info-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.profile-info-item:last-child{border-bottom:none}[data-theme=dark] .profile-info-item{border-bottom-color:var(--color-gray-700, #374151)}.profile-info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600, #4b5563);min-width:100px}[data-theme=dark] .profile-info-label{color:var(--color-gray-400, #9ca3af)}.profile-info-value{font-size:var(--font-size-base);color:var(--color-dark);text-align:right;word-break:break-word}[data-theme=dark] .profile-info-value{color:var(--color-gray-100, #f3f4f6)}.profile-edit-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-edit-actions{display:flex;gap:.5rem}.profile-social-links{display:flex;justify-content:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .profile-social-links{border-top-color:var(--color-gray-700, #374151)}.profile-social-icon{width:40px;height:40px;border-radius:50%;background:var(--color-gray-100, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--color-gray-600, #4b5563);transition:all .2s ease;text-decoration:none}.profile-social-icon:hover{background:var(--color-primary, #3b82f6);color:#fff;transform:translateY(-2px)}[data-theme=dark] .profile-social-icon{background:var(--color-gray-800, #1f2937);color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .profile-social-icon:hover{background:var(--color-primary, #3b82f6);color:#fff}.panel-card__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600, #4b5563);font-weight:var(--font-weight-normal)}[data-theme=dark] .panel-card__subtitle{color:var(--color-gray-400, #9ca3af)}.homeworks-list{display:flex;flex-direction:column}.homework-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.homework-item:hover{background:var(--color-gray-50, #f9fafb)}[data-theme=dark] .homework-item:hover{background:var(--color-gray-800, #1f2937)}.homework-item__main{flex:1;min-width:0}.homework-item__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:.25rem}[data-theme=dark] .homework-item__title{color:var(--color-gray-100, #f3f4f6)}.homework-item__meta{font-size:var(--font-size-sm);color:var(--color-gray-600, #4b5563);display:flex;align-items:center;gap:.5rem}[data-theme=dark] .homework-item__meta,.homework-item__separator{color:var(--color-gray-400, #9ca3af)}.panel-card__footer{padding-top:1rem;border-top:1px solid var(--color-gray-200, #e5e7eb);display:flex;justify-content:center}[data-theme=dark] .panel-card__footer{border-top-color:var(--color-gray-700, #374151)}.calendar-card{padding:1.5rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.calendar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-dark)}[data-theme=dark] .calendar-title{color:var(--color-gray-100, #f3f4f6)}.calendar-nav-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-gray-300, #d1d5db);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-gray-600, #4b5563)}.calendar-nav-btn:hover{background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .calendar-nav-btn{border-color:var(--color-gray-700, #374151);color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .calendar-nav-btn:hover{background:var(--color-gray-800, #1f2937);border-color:var(--color-gray-600, #4b5563)}.calendar-grid{display:flex;flex-direction:column;gap:.5rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600, #4b5563);padding:.5rem 0}[data-theme=dark] .calendar-weekday{color:var(--color-gray-400, #9ca3af)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.calendar-day:hover{background:var(--color-gray-100, #f3f4f6)}[data-theme=dark] .calendar-day:hover{background:var(--color-gray-800, #1f2937)}.calendar-day-number{font-size:var(--font-size-sm);color:var(--color-dark);font-weight:var(--font-weight-medium);position:relative;z-index:1}[data-theme=dark] .calendar-day-number{color:var(--color-gray-100, #f3f4f6)}.calendar-day--other-month .calendar-day-number{color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .calendar-day--other-month .calendar-day-number{color:var(--color-gray-600, #4b5563)}.calendar-day--today{background:var(--color-primary, #3b82f6)}.calendar-day--today .calendar-day-number{color:#fff}.calendar-day--has-lesson{background:#3b82f61a;border:2px solid var(--color-primary, #3b82f6)}.calendar-day--today.calendar-day--has-lesson{background:var(--color-primary, #3b82f6);border-color:var(--color-primary-dark, #2563eb)}.calendar-day-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary, #3b82f6)}.calendar-day--today .calendar-day-dot{background:#fff}.calendar-legend{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .calendar-legend{border-top-color:var(--color-gray-700, #374151)}.calendar-legend-item{display:flex;align-items:center;gap:.5rem}.calendar-legend-dot{width:8px;height:8px;border-radius:50%}.calendar-legend-dot--lesson{background:var(--color-primary, #3b82f6)}.calendar-legend-text{font-size:var(--font-size-sm);color:var(--color-gray-600, #4b5563)}[data-theme=dark] .calendar-legend-text{color:var(--color-gray-400, #9ca3af)}.student-detail-page-new{max-width:1400px}.student-detail-grid-new{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;margin-top:1.5rem}@media(max-width:1024px){.student-detail-grid-new{grid-template-columns:1fr}}.student-detail-main-new,.student-detail-sidebar-new{display:flex;flex-direction:column;gap:1.5rem}.schedule-lessons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.schedule-lesson{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--color-gray-200, #e5e7eb);background:var(--color-white, #ffffff);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.schedule-lesson:hover{border-color:var(--color-gray-300, #d1d5db);box-shadow:0 10px 25px #0000000f;transform:translateY(-1px)}.schedule-lesson:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}[data-theme=dark] .schedule-lesson{background:#11182799;border-color:#94a3b838}[data-theme=dark] .schedule-lesson:hover{border-color:#94a3b859;box-shadow:0 12px 26px #00000059}.schedule-lesson__main{display:flex;flex-direction:column;gap:.35rem;min-width:0}.schedule-lesson__title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.schedule-lesson__time{font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-900, #111827)}[data-theme=dark] .schedule-lesson__time{color:var(--color-gray-100, #f3f4f6)}.schedule-lesson__comment{font-size:var(--font-size-sm, .875rem);color:var(--color-gray-700, #374151);word-break:break-word}[data-theme=dark] .schedule-lesson__comment{color:var(--color-gray-300, #d1d5db)}.schedule-lesson__actions{flex:0 0 auto}.student-bottom-tabs-card__header{display:flex;align-items:center;justify-content:space-between}.student-bottom-tabs-card__actions{display:flex;align-items:center;gap:.5rem}.student-bottom-tabs{display:flex;flex-direction:column;gap:0;margin-top:.5rem}@media(max-width:1024px){.student-bottom-tabs{margin-top:.75rem}}.student-bottom-tabs__nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:.25rem;min-width:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.student-bottom-tabs__hint{font-size:var(--font-size-sm, .875rem);padding:0 .25rem .25rem;flex:0 0 100%}.student-bottom-tab{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--color-gray-900, #111827);text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.student-bottom-tab:hover{background:#1118270a}.student-bottom-tab.is-active{background:var(--color-white, #ffffff);border-color:var(--color-gray-200, #e5e7eb);border-bottom-color:transparent;margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 10px 25px #0000000f;position:relative;z-index:1}.student-bottom-tab:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.student-bottom-tab__title{display:inline-flex;align-items:center;gap:.5rem;min-width:0;font-weight:var(--font-weight-semibold, 600);white-space:nowrap}.student-bottom-tab__handle{color:var(--color-gray-500, #6b7280);display:inline-flex}.student-bottom-tab__meta{flex:0 0 auto}.student-bottom-tab.is-editing{cursor:grab}.student-bottom-tab.is-dragging{opacity:.7}[data-theme=dark] .student-bottom-tab{background:transparent;border-color:transparent;color:var(--color-gray-100, #f3f4f6)}[data-theme=dark] .student-bottom-tab:hover{background:#94a3b814}[data-theme=dark] .student-bottom-tab.is-active{background:#11182799;border-color:#94a3b838;border-bottom-color:transparent;box-shadow:0 12px 26px #00000059}.student-bottom-tabs__content{min-width:0;padding:1rem;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:0 0 14px 14px;background:var(--color-white, #ffffff);border-top:0}.student-bottom-tabs__content-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1rem}[data-theme=dark] .student-bottom-tabs__nav{border-bottom-color:#94a3b838}[data-theme=dark] .student-bottom-tabs__content{background:#11182799;border-color:#94a3b838}.student-profile-card{position:relative}.student-avatar-section{display:flex;justify-content:center;align-items:center;position:relative;padding:2rem 0 1rem}.student-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:var(--font-weight-bold);color:var(--color-white);box-shadow:0 10px 25px #667eea4d;user-select:none}.student-edit-icon{position:absolute;top:2rem;right:1rem;background:var(--color-white, #ffffff);border:2px solid var(--color-gray-300, #d1d5db);border-radius:50%;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600, #4b5563)}.student-edit-icon:hover{background:var(--color-gray-100, #f3f4f6);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}[data-theme=dark] .student-edit-icon{background:var(--color-gray-800, #1f2937);border-color:var(--color-gray-700, #374151);color:var(--color-gray-300, #d1d5db)}[data-theme=dark] .student-edit-icon:hover{background:var(--color-gray-700, #374151);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.student-info-header{text-align:center;padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .student-info-header{border-bottom-color:var(--color-gray-700, #374151)}.student-name-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-dark);margin:0 0 .5rem}[data-theme=dark] .student-name-title{color:var(--color-gray-100, #f3f4f6)}.student-edit-form-new{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.student-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.student-info-grid-new{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.student-info-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #6b7280);margin-top:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .student-info-section-title{color:var(--color-gray-400, #9ca3af);border-bottom-color:var(--color-gray-700, #374151)}.form-section-divider{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #6b7280);margin-top:.5rem;padding-top:1rem;padding-bottom:.5rem;border-top:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .form-section-divider{color:var(--color-gray-400, #9ca3af);border-top-color:var(--color-gray-700, #374151)}.lesson-occurrence-modal{max-width:620px;min-height:620px;width:min(620px,calc(100vw - 32px))}.lesson-occurrence-modal .modal__body{gap:.85rem}.lesson-occurrence-header{display:grid;gap:.15rem}.lesson-occurrence-summary{align-items:center;background:#f8fafc;border:1px solid #e4e9f0;border-radius:12px;display:flex;gap:.75rem;justify-content:space-between;min-height:92px;padding:.8rem}.lesson-occurrence-summary__main{display:grid;gap:.42rem;min-width:0}.lesson-occurrence-summary__title{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.lesson-occurrence-summary__time,.lesson-occurrence-summary__duration{font-size:.82rem;font-weight:750}.lesson-occurrence-summary__comment{color:#475569;font-size:.84rem;line-height:1.45}.lesson-occurrence-summary__actions{flex:0 0 auto}.lesson-occurrence-mode{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;padding:.35rem;border:1px solid #e4e9f0;border-radius:12px;background:#f8fafc}.lesson-occurrence-mode button{border:1px solid transparent;border-radius:9px;background:transparent;color:#5f6c7b;cursor:pointer;font:inherit;font-size:.85rem;font-weight:700;padding:.55rem .7rem}.lesson-occurrence-mode button.is-active{border-color:#dbe7f5;background:#fff;color:#237fea}.lesson-series-form{border:1px solid #dbe7f5;border-radius:12px;background:#f8fbff;padding:.8rem}.lesson-series-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.lesson-series-weekdays button{height:34px;border:1px solid #d4e1f2;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;font-weight:850}.lesson-series-weekdays button.is-active{border-color:#237fea;background:#237fea;color:#fff}.lesson-occurrence-toggle,.lesson-occurrence-scope label{display:flex!important;align-items:center;gap:.55rem!important}.lesson-occurrence-toggle input,.lesson-occurrence-scope input{width:auto}.lesson-occurrence-scope{display:grid;gap:.55rem;padding:.75rem;border:1px solid #e4e9f0;border-radius:12px;background:#f8fafc}.lesson-occurrence-warning{border:1px solid #f5c36b;border-radius:12px;background:#fff8e6;color:#7a4b00;font-size:.86rem;line-height:1.45;padding:.75rem}@media(max-width:720px){.lesson-occurrence-modal{min-height:auto}.lesson-occurrence-summary{align-items:stretch;display:grid}}.form-grid--3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.form-grid--3{grid-template-columns:1fr}}.student-social-links{display:flex;justify-content:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .student-social-links{border-top-color:var(--color-gray-700, #374151)}.student-social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-600, #4b5563);transition:all .2s ease;text-decoration:none}.student-social-icon:hover{background:var(--color-primary, #3b82f6);color:var(--color-white);transform:translateY(-2px)}[data-theme=dark] .student-social-icon{background:var(--color-gray-800, #1f2937);color:var(--color-gray-300, #d1d5db)}[data-theme=dark] .student-social-icon:hover{background:var(--color-primary, #3b82f6);color:var(--color-white)}.profile-page-modern{max-width:1000px}.profile-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}@media(max-width:768px){.profile-content-grid{grid-template-columns:1fr}}.profile-user-card{position:relative}.profile-user-avatar-section{display:flex;justify-content:center;align-items:center;position:relative;padding:2rem 0 1rem}.profile-user-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:var(--font-weight-bold);color:var(--color-white);box-shadow:0 8px 20px #667eea4d;user-select:none}.profile-user-edit-icon{position:absolute;top:2rem;right:1rem;background:var(--color-white, #ffffff);border:2px solid var(--color-gray-300, #d1d5db);border-radius:50%;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600, #4b5563)}.profile-user-edit-icon:hover{background:var(--color-gray-100, #f3f4f6);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}[data-theme=dark] .profile-user-edit-icon{background:var(--color-gray-800, #1f2937);border-color:var(--color-gray-700, #374151);color:var(--color-gray-300, #d1d5db)}[data-theme=dark] .profile-user-edit-icon:hover{background:var(--color-gray-700, #374151);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.profile-user-info-header{text-align:center;padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb);display:flex;flex-direction:column;align-items:center;gap:.5rem}[data-theme=dark] .profile-user-info-header{border-bottom-color:var(--color-gray-700, #374151)}.profile-user-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-dark);margin:0}[data-theme=dark] .profile-user-name{color:var(--color-gray-100, #f3f4f6)}.profile-user-edit-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.profile-user-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.profile-user-info-grid{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.profile-user-info-item{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.profile-user-info-item:last-child{border-bottom:none;padding-bottom:0}[data-theme=dark] .profile-user-info-item{border-bottom-color:var(--color-gray-700, #374151)}.profile-user-info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600, #4b5563);min-width:100px;flex-shrink:0}[data-theme=dark] .profile-user-info-label{color:var(--color-gray-400, #9ca3af)}.profile-user-info-value{font-size:var(--font-size-base);color:var(--color-dark);word-break:break-word}[data-theme=dark] .profile-user-info-value{color:var(--color-gray-100, #f3f4f6)}.profile-user-social-links{display:flex;justify-content:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200, #e5e7eb);border-bottom:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .profile-user-social-links{border-top-color:var(--color-gray-700, #374151);border-bottom-color:var(--color-gray-700, #374151)}.profile-user-social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-600, #4b5563);transition:all .2s ease;text-decoration:none}.profile-user-social-icon:hover{background:var(--color-primary, #3b82f6);color:var(--color-white);transform:translateY(-2px)}[data-theme=dark] .profile-user-social-icon{background:var(--color-gray-800, #1f2937);color:var(--color-gray-300, #d1d5db)}[data-theme=dark] .profile-user-social-icon:hover{background:var(--color-primary, #3b82f6);color:var(--color-white)}.profile-user-actions{padding:1rem 1.5rem;display:flex;justify-content:center}.subscription-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.subscription-info-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.subscription-info-item:last-child{border-bottom:none;padding-bottom:0}[data-theme=dark] .subscription-info-item{border-bottom-color:var(--color-gray-700, #374151)}.subscription-info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600, #4b5563)}[data-theme=dark] .subscription-info-label{color:var(--color-gray-400, #9ca3af)}.subscription-info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-dark);text-align:right}[data-theme=dark] .subscription-info-value{color:var(--color-gray-100, #f3f4f6)}.group-detail-page{max-width:1200px}.tabs-container{margin-top:1.5rem;border-bottom:2px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .tabs-container{border-bottom-color:var(--color-gray-700, #374151)}.tabs{display:flex;gap:.5rem;margin-bottom:-2px}.tab{position:relative;padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-600, #4b5563);cursor:pointer;transition:all .2s ease;outline:none}.tab:hover{color:var(--color-gray-900, #111827);background:var(--color-gray-50, #f9fafb);border-radius:var(--radius-md) var(--radius-md) 0 0}[data-theme=dark] .tab{color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .tab:hover{color:var(--color-gray-100, #f3f4f6);background:var(--color-gray-800, #1f2937)}.tab--active{color:var(--color-primary, #3b82f6);border-bottom-color:var(--color-primary, #3b82f6)}.tab--active:hover{color:var(--color-primary, #3b82f6);background:transparent}[data-theme=dark] .tab--active{color:var(--color-primary, #3b82f6)}.group-add-student{display:flex;gap:1rem;align-items:flex-end;padding:1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}[data-theme=dark] .group-add-student{border-bottom-color:var(--color-gray-700, #374151)}.group-add-student>*:first-child{flex:1}.students-list{display:flex;flex-direction:column}.student-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb);transition:background-color .2s ease}.student-list-item:last-child{border-bottom:none}.student-list-item:hover{background:var(--color-gray-50, #f9fafb)}[data-theme=dark] .student-list-item{border-bottom-color:var(--color-gray-700, #374151)}[data-theme=dark] .student-list-item:hover{background:var(--color-gray-800, #1f2937)}.student-list-item__info{flex:1;min-width:0}.student-list-item__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-dark)}[data-theme=dark] .student-list-item__name{color:var(--color-gray-100, #f3f4f6)}.events-list{display:flex;flex-direction:column}.event-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb);transition:background-color .2s ease}.event-list-item:last-child{border-bottom:none}.event-list-item:hover{background:var(--color-gray-50, #f9fafb)}[data-theme=dark] .event-list-item{border-bottom-color:var(--color-gray-700, #374151)}[data-theme=dark] .event-list-item:hover{background:var(--color-gray-800, #1f2937)}.event-list-item__info{flex:1;min-width:0}.event-list-item__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:.25rem}[data-theme=dark] .event-list-item__title{color:var(--color-gray-100, #f3f4f6)}.event-list-item__meta{font-size:var(--font-size-sm);color:var(--color-gray-600, #4b5563)}[data-theme=dark] .event-list-item__meta{color:var(--color-gray-400, #9ca3af)}.help-center{max-width:1200px;margin:0 auto;padding:1.35rem 1rem 2rem}.help-center__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.help-center__title{font-size:1.55rem;font-weight:700;color:var(--color-dark);margin-bottom:.2rem}[data-theme=dark] .help-center__title{color:var(--color-gray-100)}.help-center__subtitle{font-size:.92rem;color:var(--muted)}.help-center__search{max-width:none;margin:0 0 1rem;position:relative}.help-center__search-input{width:100%}.help-center__search-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--muted)}.help-center__loading,.help-center__error,.help-center__no-results{text-align:center;padding:2rem;color:var(--muted)}.help-center__categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:.75rem;margin-bottom:1.25rem}.help-category-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.9rem;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s}.help-category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-2);transform:translateY(-2px)}.help-category-card__icon{width:36px;height:36px;background:linear-gradient(135deg,#2563eb1f,#10b98114),var(--panel-soft);border:1px solid rgba(37,99,235,.14);border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.help-category-icon{width:18px;height:18px;stroke:var(--primary);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.help-category-card__title{font-size:.98rem;font-weight:600;color:var(--color-dark);margin-bottom:.25rem}[data-theme=dark] .help-category-card__title{color:var(--color-gray-100)}.help-category-card__description{font-size:.81rem;color:var(--muted);line-height:1.35}.help-center__support{margin-top:2rem}.help-support-card{max-width:600px;margin:0 auto;text-align:center}.help-support-card__content h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.help-support-card__content p{color:var(--muted);margin-bottom:1rem}.help-support-card__version{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem;font-weight:600}.help-request-backdrop{z-index:3200}.help-request-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;animation:help-request-in .18s cubic-bezier(.2,.8,.2,1)}.help-request-modal__header{align-items:flex-start}.help-request-form{display:grid;gap:.85rem}.help-request-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.help-request-form .input-wrapper,.help-request-form .select-wrapper{margin:0}.help-request-form textarea.input{min-height:132px;resize:vertical}.help-request-upload{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.82rem}.help-request-upload__button{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;margin:0!important;padding:0 .78rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel-soft);color:var(--text);cursor:pointer;font-size:.84rem!important;font-weight:700}.help-request-upload__button input{display:none}.help-request-attachments{display:grid;gap:.4rem}.help-request-attachment{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text);font-size:.84rem}.help-request-note{padding:.7rem .8rem;border:1px solid rgba(37,99,235,.18);border-radius:10px;background:#2563eb0f;color:var(--muted-strong);font-size:.82rem;line-height:1.45}@keyframes help-request-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.help-center__search-results{margin-bottom:2rem}.help-center__search-results h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--muted)}.help-search-results{display:flex;flex-direction:column;gap:.75rem}.help-search-result{display:block;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem;text-decoration:none;color:inherit;transition:border-color .2s}.help-search-result:hover{border-color:var(--primary)}.help-search-result__title{font-weight:600;color:var(--color-dark);margin-bottom:.25rem}[data-theme=dark] .help-search-result__title{color:var(--color-gray-100)}.help-search-result__excerpt{font-size:.875rem;color:var(--muted);margin-bottom:.5rem}.help-search-result__category{font-size:.75rem;color:var(--primary)}.help-category{max-width:900px;margin:0 auto;padding:1.35rem 1rem 2rem}.help-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.help-breadcrumb a{color:var(--primary);text-decoration:none}.help-breadcrumb a:hover{text-decoration:underline}.help-breadcrumb__separator{color:var(--muted)}.help-category__header{margin-bottom:1rem}.help-category__title{font-size:1.45rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem}[data-theme=dark] .help-category__title{color:var(--color-gray-100)}.help-category__description{color:var(--muted)}.help-category__loading,.help-category__error,.help-category__empty{text-align:center;padding:2rem;color:var(--muted)}.help-category__back{display:inline-block;margin-top:1rem;color:var(--primary)}.help-articles-list{display:flex;flex-direction:column;gap:.75rem}.help-article-item{display:flex;align-items:center;gap:.75rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.82rem 1rem;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.help-article-item:hover{border-color:var(--primary);box-shadow:var(--shadow-1)}.help-article-item__content{flex:1;min-width:0}.help-article-item__title{font-weight:600;color:var(--color-dark);margin-bottom:.25rem}[data-theme=dark] .help-article-item__title{color:var(--color-gray-100)}.help-article-item__excerpt{font-size:.875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-article-item__type{flex-shrink:0}.help-article-type{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:4px}.help-article-type--template{background:#10b9811a;color:#10b981}.help-article-type--course{background:#7c3aed1a;color:#7c3aed}.help-article-item__arrow{flex-shrink:0;color:var(--muted)}.help-article{max-width:920px;margin:0 auto;padding:1.35rem 1rem 2rem}.help-article__loading,.help-article__error{text-align:center;padding:2rem;color:var(--muted)}.help-article__back{display:inline-block;margin-top:1rem;color:var(--primary)}.help-article__content{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.35rem}.help-article__header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.help-article__title{font-size:1.45rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem}[data-theme=dark] .help-article__title{color:var(--color-gray-100)}.help-article__excerpt{color:var(--muted);font-size:.9rem}.help-article__template-actions{margin-top:1rem}.help-article__body{line-height:1.54;color:var(--color-dark);font-size:.94rem}[data-theme=dark] .help-article__body{color:var(--color-gray-200)}.help-article__body--template{background:var(--code-bg, #f3f4f6);border-radius:8px;padding:1rem}[data-theme=dark] .help-article__body--template{background:#0000004d}.help-template-text{white-space:pre-wrap;font-family:inherit;margin:0;font-size:.9375rem}.help-article__h1{font-size:1.2rem;font-weight:700;margin:1rem 0 .45rem}.help-article__h2{font-size:1.08rem;font-weight:600;margin:1rem 0 .4rem}.help-article__h3{font-size:1rem;font-weight:600;margin:.8rem 0 .35rem}.help-article__p{margin:.55rem 0}.help-article__li{margin:.32rem 0 .32rem 1.35rem;list-style:disc}.help-article__list-row{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.35rem;margin:.38rem 0;line-height:1.45}.help-article__list-row--nested{margin-left:1.35rem}.help-article__list-marker{color:var(--text);font-weight:600;text-align:right}.help-article-step{margin:.55rem 0;border:1px solid var(--border);border-radius:10px;background:var(--panel-soft);overflow:hidden}.help-article-step__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .85rem;cursor:pointer;color:var(--text);font-weight:700;list-style:none}.help-article-step__summary::-webkit-details-marker{display:none}.help-article-step__summary:after{content:"⌄";color:var(--muted);transition:transform .18s ease}.help-article-step[open] .help-article-step__summary:after{transform:rotate(180deg)}.help-article-step__hint{margin-left:auto;color:var(--muted);font-size:.75rem;font-weight:600}.help-article-step[open] .help-article-step__hint{display:none}.help-article-step__content{padding:0 .85rem .8rem;border-top:1px solid var(--border)}.help-article__li--ordered{list-style:decimal}.help-article__code{background:var(--code-bg, #f3f4f6);border-radius:6px;padding:1rem;overflow-x:auto;font-size:.875rem;margin:1rem 0}[data-theme=dark] .help-article__code{background:#0000004d}.help-article__body code{background:var(--code-bg, #f3f4f6);padding:.125rem .375rem;border-radius:4px;font-size:.875em}[data-theme=dark] .help-article__body code{background:#0000004d}.help-article__body strong{font-weight:600}.help-article__body em{font-style:italic}.help-article__body a{color:var(--primary);text-decoration:underline}.help-article__footer{margin-top:2rem}.help-article__back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-size:.875rem}.help-article__back-link:hover{text-decoration:underline}.help-admin{max-width:1200px;margin:0 auto;padding:2rem 1rem}.help-admin__loading{text-align:center;padding:2rem;color:var(--muted)}.help-admin__error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;color:#ef4444}.help-admin__error button{background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline}.help-admin__tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.help-admin__tab{background:none;border:none;padding:.5rem 1rem;font-size:.9375rem;color:var(--muted);cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.help-admin__tab:hover{background:var(--panel)}.help-admin__tab.is-active{background:var(--primary);color:#fff}.help-admin__section{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.help-admin__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.help-admin__section-header h2{font-size:1.25rem;font-weight:600}.help-admin__filters{display:flex;gap:.75rem;align-items:center}.help-admin__filters select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:inherit;font-size:.875rem}.help-admin__list{display:flex;flex-direction:column;gap:.5rem}.help-admin__empty{text-align:center;padding:2rem;color:var(--muted)}.help-admin__item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--page-bg);border:1px solid var(--border);border-radius:8px}.help-admin__item-info{flex:1;min-width:0}.help-admin__item-title{font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.help-admin__item-meta{font-size:.75rem;color:var(--muted);margin-top:.25rem}.help-admin__item-actions{display:flex;gap:.25rem}.help-admin__badge{display:inline-block;padding:.125rem .5rem;font-size:.625rem;font-weight:500;border-radius:4px;text-transform:uppercase;background:var(--border);color:var(--muted)}.help-admin__badge--published{background:#10b9811a;color:#10b981}.help-admin__badge--draft{background:#f59e0b1a;color:#f59e0b}.help-admin__badge--inactive{background:#ef44441a;color:#ef4444}.help-admin__form{display:flex;flex-direction:column;gap:1rem}.help-admin__form h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.help-admin__form label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500}.help-admin__form textarea{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--page-bg);color:inherit;font-family:inherit;font-size:.875rem;resize:vertical;min-height:80px}.help-admin__form select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--page-bg);color:inherit;font-size:.875rem}.help-admin__checkbox{flex-direction:row!important;align-items:center;gap:.5rem!important}.help-admin__checkbox input{width:16px;height:16px}.help-admin__form-actions{display:flex;gap:.5rem;margin-top:.5rem}.help-admin__form--article{min-width:600px}.help-admin__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.help-admin__editor{display:flex;flex-direction:column;gap:.5rem}.help-admin__editor-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500}.help-admin__editor textarea{min-height:300px;font-family:monospace;font-size:.8125rem;line-height:1.5}.help-admin__preview{background:var(--page-bg);border:1px solid var(--border);border-radius:6px;padding:1rem;min-height:300px;overflow:auto}.help-admin__preview pre{white-space:pre-wrap;font-size:.875rem;margin:0}.help-admin__article-modal .modal__content{max-width:800px}@media(max-width:768px){.help-admin__form--article{min-width:auto}.help-admin__form-grid{grid-template-columns:1fr}}.help-tickets-section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}.help-tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.help-tickets-header h2{font-size:1.25rem;font-weight:600;margin:0}.help-tickets-empty{text-align:center;padding:2rem;color:var(--muted)}.help-tickets-list{display:flex;flex-direction:column;gap:.75rem}.help-ticket{width:100%;text-align:left;background:var(--page-bg);border:1px solid var(--border);border-radius:8px;padding:.82rem;color:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.help-ticket:hover{border-color:#2563eb59;box-shadow:var(--shadow-1)}.help-ticket.is-unread{border-color:#10b9816b;background:#10b9810f}.help-ticket__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.help-ticket__subject-wrap{display:inline-flex;align-items:center;min-width:0;gap:.4rem}.help-ticket__unread-dot{width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:#10b981;box-shadow:0 0 0 4px #10b9811f}.help-ticket__subject{font-weight:600;color:var(--color-dark)}[data-theme=dark] .help-ticket__subject{color:var(--color-gray-100)}.help-ticket-status{display:inline-block;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:4px;text-transform:uppercase}.help-ticket-status--new{background:#3b82f61a;color:#3b82f6}.help-ticket-status--progress{background:#f59e0b1a;color:#f59e0b}.help-ticket-status--done{background:#10b9811a;color:#10b981}.help-ticket__message{font-size:.86rem;color:var(--color-dark);margin-bottom:.5rem;line-height:1.42;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-theme=dark] .help-ticket__message{color:var(--color-gray-200)}.help-ticket__meta{font-size:.75rem;color:var(--muted)}.help-ticket__reply{margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--border)}.help-ticket__reply-label{font-size:.75rem;font-weight:500;color:var(--primary);margin-bottom:.25rem}.help-ticket__reply-text{font-size:.86rem;color:var(--color-dark);line-height:1.5}.help-ticket-detail-backdrop{z-index:3300}.help-ticket-detail{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto}.help-ticket-detail__header{align-items:flex-start}.help-ticket-detail__eyebrow{color:var(--primary);font-size:.72rem;font-weight:800;text-transform:uppercase}.support-thread{display:grid;gap:.85rem}.support-thread__item{display:grid;grid-template-columns:42px 1fr;gap:.7rem}.support-thread__avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--panel-soft);color:var(--muted-strong);font-size:.75rem;font-weight:800}.support-thread__item--admin .support-thread__avatar{background:#10b9811f;color:#047857}.support-thread__bubble{padding:.85rem .95rem;border:1px solid var(--border);border-radius:12px;background:var(--panel-soft)}.support-thread__item--admin .support-thread__bubble{border-color:#10b98138;background:#10b9810f}.support-thread__meta{margin-bottom:.35rem;color:var(--muted);font-size:.76rem;font-weight:700}.support-thread__text{white-space:pre-wrap;color:var(--text);font-size:.92rem;line-height:1.5}.support-thread__pending{padding:.75rem .85rem;border:1px dashed var(--border-strong);border-radius:10px;color:var(--muted-strong);font-size:.86rem}.help-ticket-detail__actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}[data-theme=dark] .help-ticket__reply-text{color:var(--color-gray-200)}.help-ticket__reply-date{font-size:.75rem;color:var(--muted);margin-top:.25rem}.support-reply-modal{display:flex;flex-direction:column;gap:1rem;min-width:400px}.support-reply-modal h3{font-size:1.25rem;font-weight:600;margin:0}.support-reply-modal__original{background:var(--page-bg);border-radius:8px;padding:1rem}.support-reply-modal__label{font-size:.75rem;font-weight:500;color:var(--muted);margin-bottom:.25rem}.support-reply-modal__message{font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.support-reply-modal label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500}.support-reply-modal textarea{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--page-bg);color:inherit;font-family:inherit;font-size:.875rem;resize:vertical;min-height:100px}.support-reply-modal__actions{display:flex;gap:.5rem}.app-route-loading{text-align:center;padding:2rem;color:var(--muted)}.task-editor{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.task-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.task-editor__subtitle{margin:.35rem 0 0;color:var(--muted)}.task-editor__section{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.task-editor__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.task-editor__meta--secondary{align-items:center}.task-editor__section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.task-editor__empty{padding:.75rem 1rem;background:var(--panel-soft);border-radius:12px;color:var(--muted)}.task-editor__blocks{display:flex;flex-direction:column;gap:.75rem}.task-block-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--panel-soft);border:1px solid var(--border);border-radius:14px}.task-block-card.is-dragging{opacity:.6}.task-block-card.is-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.task-block-card__main{flex:1;display:flex;flex-direction:column;gap:.75rem}.task-block-card__controls{display:flex;flex-direction:column;gap:.85rem}.task-block-card__field{display:flex;flex-direction:column;gap:.5rem}.task-block-card__label{font-size:.9rem;font-weight:600;color:var(--muted-strong)}.task-block-card__title{font-weight:600;display:flex;align-items:center;gap:.5rem}.task-block-card__drag-handle{color:var(--muted);cursor:grab;font-size:1.1rem;line-height:1;padding:.1rem .35rem;border-radius:6px}.task-block-card__drag-handle:active{cursor:grabbing}.task-block-card__meta{color:var(--muted);font-size:.9rem;margin-top:.25rem}.task-block-card__row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.task-block-card__hint{color:var(--muted);font-size:.85rem}.task-block-card__input{flex:1;min-width:180px;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--page-bg);color:inherit}.task-block-card__actions{display:flex;flex-direction:column;gap:.5rem}.task-block-card__attachments{border:1px dashed var(--border);border-radius:12px;padding:.75rem;background:var(--page-bg);display:flex;flex-direction:column;gap:.5rem}.task-block-card__attachments-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.task-block-card__attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.task-block-card__attachment{display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--border);border-radius:10px;padding:.4rem;background:var(--panel)}.task-block-card__attachment img{width:100%;border-radius:8px;object-fit:cover}.task-block-card__attachment button{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:.8rem}.task-block-card__error{color:#d14343;font-size:.85rem}.criteria-modal__table{display:grid;grid-template-columns:1fr 220px;gap:.75rem 1rem;margin-bottom:1rem}.criteria-modal__header{font-weight:600;color:var(--muted-strong)}.criteria-modal__row{display:contents}.criteria-modal__input{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--page-bg);color:inherit}.criteria-modal__score{display:flex;align-items:center;gap:.5rem}.criteria-modal__remove{border:none;background:transparent;color:#d14343;cursor:pointer}.criteria-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.criteria-modal__actions{display:flex;gap:.5rem}.criteria-modal__total{font-weight:600}.task-add-menu{position:relative}.task-add-menu__dropdown{position:absolute;right:0;top:calc(100% + 10px);background:var(--panel);border:1px solid var(--border);border-radius:14px;min-width:320px;padding:.5rem;box-shadow:0 12px 28px #0f172a1f;z-index:20}.task-add-menu__item{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;padding:.6rem .75rem;border-radius:10px;border:none;background:transparent;cursor:pointer;color:inherit}.task-add-menu__item:hover{background:var(--panel-soft)}.task-add-menu__label{font-weight:600}.task-add-menu__hint{font-size:.85rem;color:var(--muted)}@media(max-width:720px){.task-editor{padding:1rem}.task-add-menu__dropdown{min-width:260px}}.app-shell--dashboard,.app-shell--tutor-mock{--sidebar-width: 256px}.app-shell--dashboard .app-surface,.app-shell--tutor-mock .app-surface{background:#f5f7fa;border-color:#e4e9f0;box-shadow:none}.app-shell--dashboard .sidebar,.app-shell--tutor-mock .sidebar{background:#fff;border-right:1px solid #e4e9f0;padding:1rem .85rem .75rem;gap:.8rem}.app-shell--dashboard .sidebar__logo,.app-shell--tutor-mock .sidebar__logo{width:34px;height:34px;border-radius:10px;background:#fff;box-shadow:0 8px 18px #0f172a14,inset 0 0 0 1px #94a3b833}.app-shell--dashboard .sidebar__title,.app-shell--tutor-mock .sidebar__title{font-size:1rem}.app-shell--tutor-mock .sidebar__brand{padding:0 .3rem}.app-shell--tutor-mock .sidebar__workspace{display:none}.app-shell--tutor-mock .sidebar__logo{width:28px;height:28px;border-radius:9px;box-shadow:none;background:#fff;font-size:.62rem}.app-shell--platform-admin .sidebar__logo{background:#172554}.app-shell--platform-admin .tutor-sidebar-quick__item:hover,.app-shell--platform-admin .tutor-sidebar-quick__item.is-active{border-color:#172554;background:#eef2ff;color:#172554}.app-shell--platform-admin .tutor-sidebar-quick__item.is-active .tutor-sidebar-quick__icon,.app-shell--platform-admin .tutor-sidebar-link-row.is-active,.app-shell--platform-admin .tutor-sidebar-link-row.is-active:hover{background:#172554}.app-shell--platform-admin .tutor-sidebar-pin:hover,.app-shell--platform-admin .tutor-sidebar-pin.is-pinned{background:#1725541f;color:#172554}.app-shell--platform-admin .admin-sidebar-status{background:#f8fafc}.app-shell--tutor-mock .sidebar__title{font-size:.95rem;letter-spacing:0}.app-shell--dashboard .sidebar__subtitle,.app-shell--tutor-mock .sidebar__subtitle,.app-shell--dashboard .sidebar-favorites,.app-shell--dashboard .favorite-toggle,.app-shell--dashboard .sidebar__card,.app-shell--dashboard .sidebar-toggle,.app-shell--tutor-mock .sidebar-favorites,.app-shell--tutor-mock .favorite-toggle,.app-shell--tutor-mock .sidebar-toggle{display:none}.app-shell--dashboard .sidebar__actions,.app-shell--tutor-mock .sidebar__actions{margin-top:auto;gap:.55rem;padding:.15rem .05rem 0}.app-shell--dashboard .sidebar__scroll-area,.app-shell--tutor-mock .sidebar__scroll-area{gap:.58rem;padding-right:.25rem}.app-shell--dashboard .main-panel,.app-shell--tutor-mock .main-panel{background:#f5f7fa}.app-shell--tutor-mock .sidebar-search{width:100%;padding:0 .18rem;z-index:5}.app-shell--tutor-mock .sidebar-search .search-input{justify-content:flex-start;gap:.45rem;width:100%;height:38px;padding:0 .62rem;border-color:#e2e8f0;border-radius:8px;background:#f8fafc;box-shadow:none}.app-shell--tutor-mock .sidebar-search .search-input:hover,.app-shell--tutor-mock .sidebar-search .search-input:focus-within{transform:none;border-color:#bfdbfe;background:#fff;box-shadow:0 8px 20px #0f172a14}.app-shell--tutor-mock .sidebar-search .search-trigger{width:22px;height:22px;flex:0 0 auto}.app-shell--tutor-mock .sidebar-search .search-input input,.app-shell--tutor-mock .sidebar-search:not(.is-expanded) .search-input input{width:100%;height:36px;margin:0;padding:0;opacity:1;pointer-events:auto;font-size:.82rem}.app-shell--tutor-mock .sidebar-search__dropdown{left:.18rem;right:.18rem;border-radius:10px}.app-shell--tutor-mock .tutor-sidebar-nav{display:grid;gap:.58rem;align-content:start}.app-shell--tutor-mock .tutor-sidebar-section,.app-shell--tutor-mock .tutor-sidebar-quick{display:grid;gap:.28rem}.app-shell--tutor-mock .tutor-sidebar-section-title{padding:0 .18rem;color:#8a97a8;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-shell--tutor-mock .tutor-sidebar-quick__list,.app-shell--tutor-mock .tutor-sidebar-section__items{display:grid;gap:.18rem}.app-shell--tutor-mock .tutor-sidebar-quick__item{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.65rem;min-height:46px;padding:.48rem .58rem;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#111827;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.app-shell--tutor-mock .tutor-sidebar-quick__item:hover,.app-shell--tutor-mock .tutor-sidebar-quick__item.is-active{border-color:#1f8fff;background:#eff6ff;color:#0f5fb8}.app-shell--tutor-mock .tutor-sidebar-quick__icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf2f7;color:#475569}.app-shell--tutor-mock .tutor-sidebar-quick__item.is-active .tutor-sidebar-quick__icon{background:#1f8fff;color:#fff}.app-shell--tutor-mock .tutor-sidebar-quick__icon svg{width:17px;height:17px;fill:currentColor}.app-shell--tutor-mock .tutor-sidebar-quick__label,.app-shell--tutor-mock .tutor-sidebar-quick__caption{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell--tutor-mock .tutor-sidebar-quick__label{font-size:.84rem;font-weight:760}.app-shell--tutor-mock .tutor-sidebar-quick__caption{margin-top:.12rem;font-size:.71rem;color:#7a8797}.app-shell--tutor-mock .tutor-sidebar-link-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;min-height:34px;border-radius:8px;overflow:hidden}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active{background:#1f8fff;color:#fff}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-link,.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .sidebar__icon{color:#fff}.app-shell--tutor-mock .tutor-sidebar-link{min-width:0;padding:.38rem .2rem .38rem .52rem;border-radius:8px;font-size:.84rem;color:#334155}.app-shell--tutor-mock .tutor-sidebar-link .sidebar__link-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell--tutor-mock .sidebar__icon{width:23px;height:23px;background:transparent;opacity:.7}.app-shell--tutor-mock .tutor-sidebar-link:hover{transform:none;color:#0f5fb8;background:transparent;box-shadow:none}.app-shell--tutor-mock .tutor-sidebar-link:hover .sidebar__icon{color:#0f5fb8;opacity:1}.app-shell--tutor-mock .tutor-sidebar-link:focus-visible{outline:2px solid rgba(31,143,255,.45);outline-offset:-2px;box-shadow:none}.app-shell--tutor-mock .tutor-sidebar-link-row:hover{transform:none;box-shadow:none;background:#eef3f8}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active:hover{background:#147ee8}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-link:hover,.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-link:hover .sidebar__icon{color:#fff}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-link:hover{background:transparent;box-shadow:none}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-link:focus-visible{outline-color:#ffffff8c}.app-shell--tutor-mock .tutor-sidebar-pin{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:.12rem;border:0;border-radius:7px;background:transparent;color:#b7c0cc;font-size:.82rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .16s ease,color .16s ease,background .16s ease}.app-shell--tutor-mock .tutor-sidebar-link-row:hover .tutor-sidebar-pin,.app-shell--tutor-mock .tutor-sidebar-pin.is-pinned,.app-shell--tutor-mock .tutor-sidebar-pin:focus-visible{opacity:1}.app-shell--tutor-mock .tutor-sidebar-pin:hover,.app-shell--tutor-mock .tutor-sidebar-pin.is-pinned{background:#1f8fff1f;color:#1f8fff}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-pin{color:#ffffffb8}.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-pin:hover,.app-shell--tutor-mock .tutor-sidebar-link-row.is-active .tutor-sidebar-pin.is-pinned{background:#ffffff2e;color:#fff}.app-shell--tutor-mock .sidebar__link--active:before{display:none}.app-shell--tutor-mock .sidebar__link--active .sidebar__icon{color:#fff;opacity:1}.app-shell--tutor-mock .sidebar-user-trigger{min-height:48px;padding:.48rem .54rem;border-color:#e4e9f0;border-radius:8px;background:#fff;cursor:default}.app-shell--tutor-mock .sidebar-user-avatar{width:32px;height:32px;font-size:.72rem;border-radius:999px;background:#0f172a}.app-shell--tutor-mock .sidebar-user-role{font-size:.7rem}.app-shell--tutor-mock .sidebar-user-logout{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border:0;border-radius:8px;background:#ef44441a;color:#dc2626;cursor:pointer}.app-shell--tutor-mock .sidebar-user-logout:hover{background:#ef444429;color:#b91c1c}.app-shell--tutor-mock .sidebar-user-logout svg{width:17px;height:17px;fill:currentColor}.app-shell--tutor-mock .sidebar-plan-card{display:grid;gap:.58rem;padding:.68rem;border:1px solid #dce7f3;border-radius:8px;background:#eef6ff}.app-shell--tutor-mock .sidebar-plan-card__top{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.app-shell--tutor-mock .sidebar-plan-card__copy{min-width:0}.app-shell--tutor-mock .sidebar-plan-card__top-actions{display:flex;align-items:center;gap:.32rem;flex:0 0 auto}.app-shell--tutor-mock .sidebar-plan-card__kicker{color:#64748b;font-size:.64rem;font-weight:760;text-transform:uppercase}.app-shell--tutor-mock .sidebar-plan-card__title{margin-top:.12rem;color:#111827;font-size:.84rem;font-weight:800}.app-shell--tutor-mock .sidebar-plan-card__ring{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:999px;background:radial-gradient(circle at center,#eef6ff 55%,transparent 56%),conic-gradient(#1f8fff var(--usage, 0%),#dbeafe 0);color:#0f5fb8;font-size:.68rem;font-weight:800}.app-shell--tutor-mock .sidebar-plan-card__collapse{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:#64748b1f;color:#64748b;font-size:1rem;line-height:1;cursor:pointer}.app-shell--tutor-mock .sidebar-plan-card__collapse:hover{background:#1f8fff24;color:#0f5fb8}.app-shell--tutor-mock .sidebar-plan-card--compact{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-height:52px;text-align:left;cursor:pointer}.app-shell--tutor-mock .sidebar-plan-card--compact:hover{border-color:#bfdbfe;background:#f3f9ff}.app-shell--tutor-mock .sidebar-plan-card__ring--compact{width:34px;height:34px;font-size:.58rem}.app-shell--tutor-mock .sidebar-plan-card__compact-copy{display:grid;min-width:0;gap:.08rem}.app-shell--tutor-mock .sidebar-plan-card__compact-copy span,.app-shell--tutor-mock .sidebar-plan-card__compact-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell--tutor-mock .sidebar-plan-card__compact-copy span{color:#111827;font-size:.78rem;font-weight:800}.app-shell--tutor-mock .sidebar-plan-card__compact-copy small{color:#64748b;font-size:.64rem;font-weight:650}.app-shell--tutor-mock .sidebar-plan-card__metrics{display:grid;gap:.34rem}.app-shell--tutor-mock .sidebar-plan-card__metric{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#64748b;font-size:.72rem}.app-shell--tutor-mock .sidebar-plan-card__metric strong{color:#111827;font-size:.76rem}.app-shell--tutor-mock .sidebar-plan-card__button{min-height:34px;border:0;border-radius:8px;background:#1f8fff;color:#fff;font-size:.78rem;font-weight:800;cursor:pointer}.app-shell--tutor-mock .sidebar-utility-list{display:grid;gap:.18rem}.app-shell--tutor-mock .sidebar-utility-button{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:36px;padding:.38rem .55rem;border:0;border-radius:8px;background:transparent;color:#334155;font-size:.82rem;font-weight:720;text-align:left;cursor:pointer}.app-shell--tutor-mock .sidebar-utility-button:hover{background:#eef3f8}.app-shell--tutor-mock .sidebar-utility-button__icon{display:grid;place-items:center;width:24px;height:24px;color:#64748b}.app-shell--tutor-mock .sidebar-utility-button__icon svg{width:17px;height:17px;fill:currentColor}.app-shell--tutor-mock .sidebar-utility-button__badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 .35rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:800}.app-shell--dashboard .main-content,.app-shell--tutor-mock .main-content{padding:1rem 1.25rem 1.5rem;background:#f5f7fa}@media(max-width:900px){.app-shell--dashboard .main-content,.app-shell--tutor-mock .main-content{padding:calc(82px + env(safe-area-inset-top,0px)) .75rem calc(84px + env(safe-area-inset-bottom,0px))}}.push-prompt{position:fixed;right:24px;bottom:24px;z-index:1300;display:flex;align-items:center;gap:16px;max-width:min(520px,calc(100vw - 48px));padding:14px 16px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:#fffffff5;box-shadow:0 20px 44px #0f172a29;color:#172033;backdrop-filter:blur(12px)}.push-prompt__content{display:grid;gap:3px;min-width:0}.push-prompt__content strong{font-size:14px;font-weight:800}.push-prompt__content span{color:#667085;font-size:13px;line-height:1.35}.push-prompt__actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.push-prompt__button{min-height:36px;padding:0 12px;border:1px solid rgba(148,163,184,.32);border-radius:10px;background:#fff;color:#475467;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.push-prompt__button:disabled{cursor:wait;opacity:.68}.push-prompt__button--primary{border-color:#2563eb;background:#2563eb;color:#fff}@media(max-width:720px){.push-prompt{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;max-width:none;align-items:stretch;flex-direction:column}.push-prompt__actions{justify-content:stretch}.push-prompt__button{flex:1}}.product-tour{position:fixed;inset:0;z-index:3000;pointer-events:none;color:#172033}.product-tour__click-catcher,.product-tour__shade{position:fixed;inset:0;pointer-events:auto}.product-tour__click-catcher{z-index:0;background:transparent}.product-tour__shade{z-index:1;background:#080d18b8;backdrop-filter:blur(2px)}.product-tour__spotlight{position:fixed;z-index:1;border:2px solid #ffffff;border-radius:14px;box-shadow:0 0 0 9999px #080d18b8,0 0 0 1px #2e90facc,0 0 0 8px #2e90fa2e,0 20px 70px #050a146b;pointer-events:none;transition:top .28s cubic-bezier(.2,.8,.2,1),left .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1)}.product-tour__card{position:fixed;z-index:2;right:28px;bottom:28px;width:min(390px,calc(100vw - 40px));padding:1.05rem;border:1px solid rgba(16,24,40,.12);border-radius:12px;background:#fff;box-shadow:0 24px 70px #0f172a47;pointer-events:auto;transform:translateY(0);animation:product-tour-card-in .18s ease-out}.product-tour__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.72rem;color:#2563eb;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.product-tour__card h2{margin:0;color:#101828;font-size:1.08rem;line-height:1.25;letter-spacing:0}.product-tour__card p{margin:.56rem 0 0;color:#475467;font-size:.9rem;line-height:1.5}.product-tour__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.product-tour__actions>div{display:flex;align-items:center;gap:.45rem}.product-tour__ghost,.product-tour__primary{min-height:34px;border-radius:8px;padding:0 .78rem;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.product-tour__ghost{border:1px solid #d0d5dd;background:#fff;color:#344054}.product-tour__ghost:disabled{cursor:not-allowed;opacity:.42}.product-tour__primary{border:1px solid #2563eb;background:#2563eb;color:#fff}@media(max-width:720px){.product-tour__card{left:16px;right:16px;bottom:16px;width:auto;transform:none}.product-tour__actions{align-items:stretch;flex-direction:column}.product-tour__actions>div{justify-content:space-between}}@keyframes product-tour-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary: #08c7e1;--color-primary-light: #3dd5ec;--color-primary-dark: #06a2bc;--color-primary-50: #e6f9fc;--color-secondary: #ff7e54;--color-secondary-light: #ff9d7d;--color-secondary-dark: #e66847;--color-secondary-50: #fff1ed;--color-info: #237fea;--color-info-light: #5ba0f0;--color-info-dark: #1b65c2;--color-info-50: #e8f2fe;--color-success: #00d9a5;--color-success-light: #33e3ba;--color-success-dark: #00b88a;--color-success-50: #e6fbf5;--color-warning: #ffb020;--color-warning-light: #ffca60;--color-warning-dark: #e69500;--color-warning-50: #fff8e6;--color-error: #ff4757;--color-error-light: #ff6b78;--color-error-dark: #e63946;--color-error-50: #ffebee;--color-dark: #01120a;--color-gray-900: #1a1f36;--color-gray-800: #2d3748;--color-gray-700: #4a5568;--color-gray-600: #718096;--color-gray-500: #8e9aaf;--color-gray-400: #cbd5e0;--color-gray-300: #d4dce6;--color-gray-200: #e4e9f0;--color-gray-100: #edf2f7;--color-gray-50: #f5f7fa;--color-white: #ffffff;--font-family-base: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-index-dropdown: 10;--z-index-sticky: 20;--z-index-fixed: 30;--z-index-topbar: 50;--z-index-sidebar: 100;--z-index-modal-backdrop: 900;--z-index-modal: 1000;--z-index-popover: 1100;--z-index-tooltip: 1200;--z-index-notification: 1300;--page-bg: #f7f8fb;--panel: #ffffff;--panel-soft: #f1f5f9;--text: #0f172a;--muted: #64748b;--muted-strong: #475569;--border: #e2e8f0;--border-strong: #cbd5f5;--accent: var(--color-primary);--shadow-1: 0 18px 40px rgba(15, 23, 42, .12)}[data-theme=dark]{--page-bg: #0b1220;--panel: #111827;--panel-soft: #1f2937;--text: #e2e8f0;--muted: #94a3b8;--muted-strong: #cbd5e1;--border: #1f2937;--border-strong: #334155;--accent: #38bdf8;--shadow-1: 0 18px 40px rgba(0, 0, 0, .35)}:root{--space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--space-sm: clamp(.5rem, .4rem + .5vw, .75rem);--space-md: clamp(1rem, .8rem + 1vw, 1.5rem);--space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-xl: clamp(2rem, 1.5rem + 2.5vw, 4rem);--space-2xl: clamp(2.5rem, 2rem + 2.5vw, 5rem);--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: clamp(.25rem, .2rem + .25vw, .375rem);--radius-md: clamp(.375rem, .3rem + .375vw, .5rem);--radius-lg: clamp(.5rem, .4rem + .5vw, .75rem);--radius-xl: clamp(.75rem, .6rem + .75vw, 1rem)}@supports (container-type: inline-size){.container-responsive{container-type:inline-size}}.mobile-only{display:block}@media(min-width:768px){.mobile-only{display:none}}.tablet-up{display:none}@media(min-width:768px){.tablet-up{display:block}}.desktop-only{display:none}@media(min-width:1024px){.desktop-only{display:block}}@media(max-width:768px){.hidden-mobile{display:none!important}}@media(min-width:769px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-md)}.responsive-grid-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--space-sm)}.responsive-grid-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:var(--space-lg)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-dark);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);color:var(--color-dark);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background-color:var(--color-primary-50);color:var(--color-primary-dark)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-gray-600)}.text-tertiary{color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-dark{color:var(--color-dark)}.text-white{color:var(--color-white)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:calc(var(--z-index-modal) + 100);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);min-width:320px;max-width:500px;padding:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid;pointer-events:auto;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-exiting{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--color-dark);line-height:var(--line-height-relaxed)}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.toast-close:hover{background-color:var(--color-gray-100);color:var(--color-dark)}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast-exiting{animation:none;opacity:0}.toast-close{transition:none}}@media(max-width:768px){.toast-container{top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4)}.toast{min-width:auto;max-width:100%;animation:toastSlideUp .3s ease}@keyframes toastSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-exiting{animation:toastSlideDown .3s ease forwards}@keyframes toastSlideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);border:none;transition:background-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),border-color var(--transition-base),opacity var(--transition-base);cursor:pointer;font-family:var(--font-family-base)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-md{padding:var(--space-3) var(--space-6)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-dark)}.btn-outline{background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-danger{background-color:var(--color-error);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--color-success);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark);box-shadow:var(--shadow-md)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-gray-600)}.btn-icon:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-primary)}.btn-icon-sm{width:32px;height:32px}.btn:disabled,.btn-disabled{background-color:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;box-shadow:none;transform:none;border-color:var(--color-gray-300)}.btn-outline:disabled,.btn-secondary:disabled{background-color:transparent}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-6)}.card-hoverable{transition:box-shadow var(--transition-base);cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-gray-200);margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) var(--space-6)}.card-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-dark);margin:0}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);margin:var(--space-6) calc(var(--space-6) * -1) calc(var(--space-6) * -1);display:flex;justify-content:flex-end;gap:var(--space-3)}.card-body{padding:var(--space-5)}.card-compact{padding:var(--space-4)}.card-spacious{padding:var(--space-8)}@media(prefers-reduced-motion:reduce){.card-hoverable{transition:none}}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:12px;text-transform:capitalize;white-space:nowrap}.badge-sm{padding:2px 8px;font-size:10px}.badge-md{padding:4px 12px;font-size:var(--font-size-xs)}.badge-lg{padding:6px 16px;font-size:var(--font-size-sm)}.badge-success{background-color:var(--color-success-50);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-dark)}.badge-error{background-color:var(--color-error-50);color:var(--color-error-dark)}.badge-info{background-color:var(--color-info-50);color:var(--color-info-dark)}.badge-primary{background-color:var(--color-primary-50);color:var(--color-primary-dark)}.badge-secondary{background-color:var(--color-secondary-50);color:var(--color-secondary-dark)}.badge-neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:var(--color-error);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-semibold);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:0 4px}@media(prefers-reduced-motion:reduce){.badge,.notification-badge{transition:none}}.avatar{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-50);color:var(--color-primary);font-weight:var(--font-weight-semibold);flex-shrink:0;position:relative}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:56px;height:56px;font-size:20px}.avatar-xl{width:80px;height:80px;font-size:28px}.avatar-2xl{width:120px;height:120px;font-size:40px}.avatar-with-status{position:relative}.avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-white)}.avatar-status.online{background-color:var(--color-success)}.avatar-status.offline{background-color:var(--color-gray-400)}.avatar-status.busy{background-color:var(--color-error)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark)}.input-required{color:var(--color-error);margin-left:2px}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-dark);background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.input:hover:not(:disabled){border-color:var(--color-gray-400)}.input::placeholder{color:var(--color-gray-400)}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.input-md{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.input.input-with-left-icon{padding-left:2.75rem!important}.input.input-with-right-icon{padding-right:2.75rem!important}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);pointer-events:none;width:20px;height:20px;z-index:1}.input-icon-left{left:.875rem}.input-icon-right{right:.875rem}.input-container:focus-within .input-icon{color:var(--color-primary)}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-50)}.input-disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed;border-color:var(--color-gray-200)}.input-disabled::placeholder{color:var(--color-gray-400)}.input-helper{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:calc(var(--space-1) * -1)}.input-helper-error{color:var(--color-error)}textarea.input{resize:vertical;min-height:100px;font-family:var(--font-family-base)}@media(prefers-reduced-motion:reduce){.input,.input-icon{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.select-label{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark)}.select-required{color:var(--color-error);margin-left:2px}.select-container{position:relative;display:flex;align-items:center}.select{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-dark);background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease;outline:none;cursor:pointer;appearance:none;padding-right:var(--space-10)}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.select:hover:not(:disabled){border-color:var(--color-gray-400)}.select-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.select-md{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.select-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.select-icon{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);pointer-events:none;transition:transform .2s ease}.select:focus~.select-icon{color:var(--color-primary);transform:rotate(180deg)}.select-error{border-color:var(--color-error)}.select-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-50)}.select-disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed;border-color:var(--color-gray-200)}.select-helper{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:calc(var(--space-1) * -1)}.select-helper-error{color:var(--color-error)}.select option{padding:var(--space-2);background-color:var(--color-white);color:var(--color-dark)}.select option:disabled{color:var(--color-gray-400)}@media(prefers-reduced-motion:reduce){.select,.select-icon{transition:none}.select:focus~.select-icon{transform:none}}.multi-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.multi-select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark)}.multi-select-required{color:var(--color-error);margin-left:2px}.multi-select-container{position:relative}.multi-select-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-dark);background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease;outline:none;cursor:pointer;padding:var(--space-2) var(--space-3)}.multi-select-trigger:hover:not(.multi-select-trigger-disabled){border-color:var(--color-gray-400)}.multi-select-trigger-open,.multi-select-trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.multi-select-trigger-error{border-color:var(--color-error)}.multi-select-trigger-error:focus{box-shadow:0 0 0 3px var(--color-error-50)}.multi-select-trigger-disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed;border-color:var(--color-gray-200)}.multi-select-values{flex:1;min-width:0}.multi-select-placeholder{color:var(--color-gray-400)}.multi-select-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.multi-select-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.multi-select-tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:0;margin:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.multi-select-tag-remove:hover{background-color:#fff3}.multi-select-icon{display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:transform .2s ease,color .2s ease;flex-shrink:0}.multi-select-trigger-open .multi-select-icon{transform:rotate(180deg);color:var(--color-primary)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:300px;display:flex;flex-direction:column}.multi-select-search{padding:var(--space-3);border-bottom:1px solid var(--color-gray-200)}.multi-select-search-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);outline:none;transition:border-color .2s ease}.multi-select-search-input:focus{border-color:var(--color-primary)}.multi-select-options{overflow-y:auto;padding:var(--space-2)}.multi-select-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.multi-select-option:hover{background-color:var(--color-gray-100)}.multi-select-option-selected{background-color:var(--color-primary-50)}.multi-select-option-selected:hover{background-color:#22c55e26}.multi-select-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.multi-select-option-label{display:grid;gap:2px;flex:1;font-size:var(--font-size-sm);color:var(--color-dark);min-width:0}.multi-select-option-label span,.multi-select-option-label small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-option-label small{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.multi-select-no-options{padding:var(--space-4);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.multi-select-helper{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:calc(var(--space-1) * -1)}.multi-select-helper-error{color:var(--color-error)}.multi-select-trigger-sm{min-height:36px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.multi-select-trigger-md{min-height:42px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base)}.multi-select-trigger-lg{min-height:48px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg)}@media(prefers-reduced-motion:reduce){.multi-select-trigger,.multi-select-tag-remove,.multi-select-icon,.multi-select-search-input,.multi-select-option{transition:none}.multi-select-trigger-open .multi-select-icon{transform:none}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.checkbox-icon{color:var(--color-white);opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.checkbox-input:checked~.checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked~.checkbox-custom .checkbox-icon{opacity:1;transform:scale(1)}.checkbox-input:focus~.checkbox-custom{box-shadow:0 0 0 3px var(--color-primary-50)}.checkbox-label:hover .checkbox-custom{border-color:var(--color-gray-400)}.checkbox-input:checked~.checkbox-custom:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.checkbox-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-dark)}.checkbox-error .checkbox-custom{border-color:var(--color-error)}.checkbox-error .checkbox-input:focus~.checkbox-custom{box-shadow:0 0 0 3px var(--color-error-50)}.checkbox-disabled .checkbox-label{cursor:not-allowed;opacity:.6}.checkbox-disabled .checkbox-custom{background-color:var(--color-gray-100);border-color:var(--color-gray-200)}.checkbox-disabled .checkbox-input:checked~.checkbox-custom{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.checkbox-helper{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-left:32px}.checkbox-helper-error{color:var(--color-error)}@media(prefers-reduced-motion:reduce){.checkbox-custom,.checkbox-icon{transition:none}.checkbox-icon{transform:none}.checkbox-input:checked~.checkbox-custom .checkbox-icon{transform:none}}.radio-wrapper{display:flex;align-items:center}.radio-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}.radio-input{position:absolute;opacity:0;width:0;height:0}.radio-custom{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:50%;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.radio-dot{width:10px;height:10px;background-color:var(--color-white);border-radius:50%;transform:scale(0);transition:transform .2s ease}.radio-input:checked~.radio-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.radio-input:checked~.radio-custom .radio-dot{transform:scale(1)}.radio-input:focus~.radio-custom{box-shadow:0 0 0 3px var(--color-primary-50)}.radio-label:hover .radio-custom{border-color:var(--color-gray-400)}.radio-input:checked~.radio-custom:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.radio-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-dark)}.radio-error .radio-custom{border-color:var(--color-error)}.radio-error .radio-input:focus~.radio-custom{box-shadow:0 0 0 3px var(--color-error-50)}.radio-disabled .radio-label{cursor:not-allowed;opacity:.6}.radio-disabled .radio-custom{background-color:var(--color-gray-100);border-color:var(--color-gray-200)}.radio-disabled .radio-input:checked~.radio-custom{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.radio-group-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark)}.radio-group-options{display:flex;flex-direction:column;gap:var(--space-3)}.radio-group-helper{font-size:var(--font-size-xs);color:var(--color-gray-600)}.radio-group-helper-error{color:var(--color-error)}@media(prefers-reduced-motion:reduce){.radio-custom,.radio-dot{transition:none}.radio-dot{transform:none}.radio-input:checked~.radio-custom .radio-dot{transform:none;opacity:1}}.table-container{width:100%;overflow-x:auto;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table-header{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.table-header-cell{padding:var(--space-4) var(--space-5);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table-body{background-color:var(--color-white)}.table-row{border-bottom:1px solid var(--color-gray-200);transition:background-color .2s ease}.table-row:last-child{border-bottom:none}.table-cell{padding:var(--space-4) var(--space-5);color:var(--color-dark);vertical-align:middle}.table-hoverable .table-row:hover{background-color:var(--color-gray-50)}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background-color:var(--color-primary-50)}.table-striped .table-row:nth-child(2n){background-color:var(--color-gray-50)}.table-bordered{border:1px solid var(--color-gray-200)}.table-bordered .table-cell,.table-bordered .table-header-cell{border-right:1px solid var(--color-gray-200)}.table-bordered .table-cell:last-child,.table-bordered .table-header-cell:last-child{border-right:none}.table-compact .table-header-cell,.table-compact .table-cell{padding:var(--space-2) var(--space-3)}.table-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media(prefers-reduced-motion:reduce){.table-row{transition:none}}@media(max-width:768px){.table-container{border-radius:var(--radius-md)}.table-header-cell,.table-cell{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs)}.table-header-cell{position:sticky;top:0;z-index:1;background-color:var(--color-gray-50)}}.modal-overlay{position:fixed;inset:0;background-color:#01120a80;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--space-4);animation:modalFadeIn .2s ease}@media(max-width:900px){.modal-overlay{z-index:120000}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:800px}.modal-xl{width:100%;max-width:1200px}.modal-full{width:100%;max-width:95vw;max-height:95vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-dark);margin:0}.modal-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.modal-close-button:hover{background-color:var(--color-gray-100);color:var(--color-dark)}.modal-close-button:active{background-color:var(--color-gray-200)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-gray-200);flex-shrink:0}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-content{animation:none}.modal-close-button{transition:none}}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:95vh;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-title{font-size:var(--font-size-lg)}}.circular-progress{position:relative;display:inline-flex;align-items:center;justify-content:center}.circular-progress svg{transform:rotate(-90deg)}.circular-progress-bg{opacity:.3}.circular-progress-bar{transition:stroke-dashoffset .3s ease-in-out}.circular-progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.circular-progress-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-dark);line-height:1}.circular-progress-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:var(--space-1);white-space:nowrap}.circular-progress-sm{width:80px;height:80px}.circular-progress-sm .circular-progress-value{font-size:var(--font-size-lg)}.circular-progress-md{width:120px;height:120px}.circular-progress-lg{width:160px;height:160px}.circular-progress-lg .circular-progress-value{font-size:var(--font-size-3xl)}.circular-progress-xl{width:200px;height:200px}.circular-progress-xl .circular-progress-value{font-size:var(--font-size-4xl)}@media(prefers-reduced-motion:reduce){.circular-progress-bar{transition:none}}.theme-toggle{position:relative;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.theme-toggle-track{position:relative;width:52px;height:28px;background:var(--color-gray-200);border-radius:999px;transition:background-color .3s ease;border:2px solid var(--color-gray-300)}.theme-toggle:hover .theme-toggle-track{background:var(--color-gray-300)}[data-theme=dark] .theme-toggle-track{background:var(--color-gray-700);border-color:var(--color-gray-600)}[data-theme=dark] .theme-toggle:hover .theme-toggle-track{background:var(--color-gray-600)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-white);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.theme-toggle-thumb--dark{transform:translate(24px);background:var(--color-gray-800)}.theme-icon{position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.theme-icon-sun{color:#f59e0b;opacity:1;transform:rotate(0) scale(1)}.theme-toggle-thumb--dark .theme-icon-sun{opacity:0;transform:rotate(180deg) scale(0)}.theme-icon-moon{color:#fbbf24;opacity:0;transform:rotate(-180deg) scale(0)}.theme-toggle-thumb--dark .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}@media(prefers-reduced-motion:reduce){.theme-toggle-track,.theme-toggle-thumb,.theme-icon{transition:none}.theme-toggle-thumb--dark{transform:translate(24px)}.theme-icon-sun,.theme-toggle-thumb--dark .theme-icon-sun,.theme-icon-moon,.theme-toggle-thumb--dark .theme-icon-moon{transform:none}}.upload-queue{background:#fff;border:1px solid #dbe4ee;border-radius:8px;bottom:18px;box-shadow:0 18px 50px #0f172a29;display:grid;gap:10px;max-width:min(360px,calc(100vw - 24px));padding:12px;position:fixed;right:18px;z-index:1300}.upload-queue__header{align-items:center;display:flex;justify-content:space-between}.upload-queue__header strong{color:#0f172a;font-size:14px}.upload-queue__header span{background:#e9f3ff;border-radius:999px;color:#1d5f96;font-size:12px;font-weight:800;min-width:24px;padding:3px 8px;text-align:center}.upload-queue__item{background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;display:grid;gap:8px;padding:10px}.upload-queue__item.is-done{background:#f0fbf5;border-color:#b8dcc9}.upload-queue__item.is-failed{background:#fff2f2;border-color:#f4b8b8}.upload-queue__item-head{align-items:start;display:flex;gap:10px;justify-content:space-between}.upload-queue__item-head div{display:grid;gap:2px;min-width:0}.upload-queue__item-head strong{color:#0f172a;font-size:13px}.upload-queue__item-head span,.upload-queue__item p{color:#64748b;font-size:12px;line-height:1.35;margin:0;overflow-wrap:anywhere}.upload-queue__item-head button{align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:999px;color:#64748b;cursor:pointer;display:inline-flex;font-size:18px;height:26px;justify-content:center;line-height:1;width:26px}.upload-queue__bar{background:#e5edf6;border-radius:999px;height:7px;overflow:hidden}.upload-queue__bar span{background:#237fea;display:block;height:100%;transition:width .2s ease}.upload-queue__item.is-done .upload-queue__bar span{background:#1f9d72}.upload-queue__item.is-failed .upload-queue__bar span{background:#d84c4c}@media(max-width:640px){.upload-queue{bottom:10px;left:10px;max-width:none;right:10px}}