:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #111827;--navy-soft: #1f2937;--primary: #6658e8;--primary-dark: #5145cd;--primary-soft: #eeecff;--surface: #ffffff;--surface-alt: #f8f9fc;--text: #172033;--muted: #697386;--border: #e4e7ec;--danger: #d92d20;--danger-soft: #fff0ee;--success: #15803d;--success-soft: #ecfdf3;--warning: #b54708;--shadow: 0 12px 30px rgba(16, 24, 40, .07)}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7fb}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(102,88,232,.22);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted-text{color:var(--muted);font-size:.875rem}.eyebrow{display:block;color:var(--primary);font-size:.72rem;line-height:1;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem}.eyebrow--light{color:#b9b2ff}.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;color:var(--primary-dark);font-weight:700;cursor:pointer}.link-button:hover{text-decoration:underline}.button{border:1px solid transparent;border-radius:10px;padding:.68rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:750;line-height:1.25;transition:.18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button--primary{background:var(--primary);color:#fff;box-shadow:0 6px 15px #6658e82e}.button--primary:hover:not(:disabled){background:var(--primary-dark)}.button--secondary{background:#fff;color:#344054;border-color:#d0d5dd}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:#f8f7ff;border-color:#c9c4fb;color:var(--primary-dark)}.button--ghost{background:transparent;color:var(--primary-dark);padding-left:.4rem;padding-right:.4rem}.button--danger{background:var(--danger);color:#fff}.button--danger:hover:not(:disabled){background:#b42318}.button--success{background:var(--success-soft);color:var(--success);border-color:#abefc6}.button--wide{width:100%;min-height:46px}.button--small{padding:.42rem .66rem;border-radius:8px;font-size:.8rem}.icon-button{width:36px;height:36px;border:1px solid var(--border);border-radius:9px;color:#475467;background:#fff;display:inline-grid;place-items:center;font-size:1rem;flex:none}.icon-button:hover:not(:disabled){border-color:#aaa2f4;color:var(--primary);background:#f8f7ff}.icon-button--danger:hover:not(:disabled){border-color:#fecdca;color:var(--danger);background:var(--danger-soft)}.loading-state{display:flex;min-height:280px;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;color:var(--muted)}.loading-state--full{min-height:100vh}.spinner{width:29px;height:29px;border-radius:50%;border:3px solid #dedbf8;border-top-color:var(--primary);animation:spin .75s linear infinite;display:inline-block}.spinner--small{width:16px;height:16px;border-width:2px;border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:10px;padding:.82rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;margin-bottom:1rem;border:1px solid}.alert--error{background:var(--danger-soft);border-color:#fecdca;color:#912018}.alert--success{background:var(--success-soft);border-color:#abefc6;color:#116329}.alert--info{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.alert__close{background:transparent;border:0;color:inherit;font-size:1.25rem;padding:0;line-height:1}.empty-state{min-height:230px;padding:2rem;border:1px dashed #cfd4dc;border-radius:14px;background:#fff9;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.empty-state__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:1.5rem;margin-bottom:.8rem}.empty-state h3{font-size:1rem;margin-bottom:.35rem}.empty-state p{color:var(--muted);font-size:.9rem;max-width:420px;margin-bottom:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem;display:grid;place-items:center;overflow:auto}.modal{width:min(100%,560px);max-height:calc(100vh - 2rem);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 70px #10182840}.modal--small{width:min(100%,430px)}.modal--large{width:min(100%,720px)}.modal__header{padding:1.25rem 1.35rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:2;background:#fff}.modal__header h2{font-size:1.15rem;margin:0}.modal__body{padding:1.35rem}.confirm-description{color:var(--muted);line-height:1.6}.form-stack{display:flex;flex-direction:column;gap:1rem}.form-grid{display:grid;gap:1rem}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:.42rem;color:#344054;font-size:.86rem;font-weight:650;min-width:0}.field input,.field textarea,.field select,.inline-select select{width:100%;border:1px solid #d0d5dd;background:#fff;color:var(--text);border-radius:9px;padding:.7rem .78rem;outline:0;transition:.15s ease;font-weight:450}.field textarea{resize:vertical;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#98a2b3}.field input:focus,.field textarea:focus,.field select:focus,.inline-select select:focus{border-color:#8d84ee;box-shadow:0 0 0 3px #6658e81c}.field--compact{min-width:170px}.field--compact input,.field--compact select{padding:.58rem .68rem;min-height:39px}.field--grow{flex:1}.range-input{padding:.35rem 0!important;accent-color:var(--primary);border:0!important;box-shadow:none!important}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:.35rem}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.2fr);background:#fff}.auth-intro{position:relative;overflow:hidden;padding:2.2rem 3rem;background:radial-gradient(circle at 10% 5%,rgba(119,101,255,.33),transparent 35%),linear-gradient(145deg,#111827,#1f2441 70%,#29245a);color:#fff;display:flex;flex-direction:column}.auth-intro:after{content:"";position:absolute;right:-160px;bottom:-170px;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.brand{display:inline-flex;align-items:center;gap:.7rem;width:max-content;color:var(--text)}.brand__mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#7a6ff0,#5545d2);color:#fff;display:inline-grid;place-items:center;font-weight:900;font-size:1.15rem;box-shadow:0 8px 20px #6658e840}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:1.05rem}.brand small{color:#98a2b3;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;margin-top:.28rem}.brand--light{color:#fff;z-index:1}.brand--light small{color:#c7c3e6}.auth-intro__content{margin:auto 0;max-width:560px;position:relative;z-index:1}.auth-intro__content h1{font-size:clamp(2.25rem,4vw,4rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:1.3rem}.auth-intro__content>p{color:#c4c8d5;font-size:1.05rem;line-height:1.75;max-width:500px}.auth-feature-list{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem;color:#e5e7eb}.auth-feature-list span{display:flex;align-items:center;gap:.7rem}.auth-feature-list i{font-style:normal;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#7765ff40;color:#c7c1ff;font-size:.75rem}.auth-intro__footer{position:relative;z-index:1;color:#8f96a8}.auth-main{display:grid;place-items:center;padding:2rem;overflow-y:auto}.auth-card{width:min(100%,500px);padding:1rem 0}.auth-card__heading{margin-bottom:1.6rem}.auth-card__heading h2{font-size:2rem;letter-spacing:-.035em;margin-bottom:.55rem}.auth-card__heading p{color:var(--muted);line-height:1.55}.auth-switch{text-align:center;color:var(--muted);font-size:.9rem;margin:1.4rem 0 0}.auth-switch a{color:var(--primary-dark);font-weight:750}.mobile-auth-brand{display:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;height:100vh;position:fixed;inset:0 auto 0 0;z-index:30;background:#111827;color:#d0d5dd;padding:1.4rem 1rem;display:flex;flex-direction:column}.sidebar .brand{color:#fff;margin:0 .5rem 2.3rem}.sidebar__nav{display:flex;flex-direction:column;gap:.3rem}.sidebar__label{color:#667085;font-size:.64rem;font-weight:800;letter-spacing:.12em;padding:0 .75rem .5rem}.nav-item{display:flex;align-items:center;gap:.8rem;min-height:43px;padding:.65rem .75rem;border-radius:9px;color:#98a2b3;font-size:.88rem;font-weight:650;border:0;background:transparent;width:100%;text-align:left}.nav-item>span:first-child{width:19px;text-align:center;font-size:1.05rem}.nav-item:hover{background:#ffffff0e;color:#fff}.nav-item--active{background:#6658e830;color:#d6d2ff;box-shadow:inset 3px 0 #7669ee}.sidebar__footer{margin-top:auto;padding-top:1rem;border-top:1px solid #273142}.sidebar-user{display:flex;align-items:center;gap:.7rem;padding:.45rem .45rem .9rem;min-width:0}.sidebar-user>span:last-child{display:flex;flex-direction:column;min-width:0}.sidebar-user strong{color:#fff;font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:#7c8799;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}.avatar{width:35px;height:35px;flex:none;border-radius:50%;background:#6558d9;color:#fff;display:inline-grid;place-items:center;font-weight:800}.avatar--small{width:31px;height:31px;font-size:.8rem}.app-content{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.main-content{padding:2rem clamp(1.25rem,3vw,3.2rem) 3rem;max-width:1540px;margin:0 auto}.mobile-header,.sidebar-overlay{display:none}.page{animation:page-in .22s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}.page-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:1.65rem}.page-header h1{margin:0 0 .35rem;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.04em;line-height:1.1}.page-header p{color:var(--muted);margin:0;line-height:1.5}.page-header__actions{display:flex;align-items:center;gap:.7rem;flex:none}.date-chip{border:1px solid var(--border);background:#fff;color:#475467;border-radius:10px;padding:.6rem .8rem;font-size:.82rem;text-transform:capitalize}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.15rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #10182806}.stat-card__icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:11px;font-weight:900}.stat-card__icon--violet{color:#6558d9;background:#f0eeff}.stat-card__icon--blue{color:#175cd3;background:#eff8ff}.stat-card__icon--green{color:#15803d;background:#ecfdf3}.stat-card__icon--orange{color:#b54708;background:#fff6ed}.stat-card__icon--cyan{color:#087e8b;background:#ecfdff}.stat-card__icon--pink{color:#c11574;background:#fdf2fa}.stat-card>div{display:flex;flex-direction:column}.stat-card strong{font-size:1.5rem;line-height:1.15}.stat-card span:last-child{color:var(--muted);font-size:.78rem;margin-top:.2rem}.content-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.3rem;box-shadow:0 2px 4px #10182806}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem}.section-heading h2{font-size:1.1rem;margin:0}.section-heading .eyebrow{margin-bottom:.4rem}.timeline{display:flex;flex-direction:column}.timeline-item{position:relative;display:grid;grid-template-columns:17px minmax(0,1fr);gap:.8rem}.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:18px;bottom:-2px;width:1px;background:#e4e7ec}.timeline-item__dot{width:11px;height:11px;border:3px solid #bcb5fa;background:#fff;border-radius:50%;margin-top:5px;z-index:1}.timeline-item__body{padding-bottom:1.1rem}.timeline-item:last-child .timeline-item__body{padding-bottom:0}.timeline-item__top{display:flex;justify-content:space-between;gap:1rem}.timeline-item__top strong{font-size:.9rem}.timeline-item__top time{color:var(--muted);font-size:.75rem}.timeline-item__body p{color:#475467;font-size:.86rem;line-height:1.5;margin:.35rem 0 .45rem}.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.meta-row>span{color:var(--muted);font-size:.75rem}.filter-bar{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;margin-bottom:1.2rem;display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap}.filter-button{min-height:39px}.filter-clear{margin:0 0 .62rem auto;font-size:.8rem}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.topic-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;min-width:0;transition:.18s ease}.topic-card:hover{border-color:#cec9f8;box-shadow:var(--shadow);transform:translateY(-2px)}.topic-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.topic-card__icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:850;background:linear-gradient(145deg,#7569eb,#5346c8)}.topic-card__icon--large{width:62px;height:62px;font-size:1.5rem;border-radius:16px;flex:none}.topic-card__content{min-height:116px}.topic-card__content h2{font-size:1.08rem;margin:.3rem 0 .45rem}.topic-card__content h2 a:hover{color:var(--primary)}.topic-card__content p{color:var(--muted);font-size:.83rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-category{display:inline-block;color:#6558d9;background:#f2f0ff;border-radius:5px;padding:.2rem .42rem;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.progress-group{margin:.3rem 0 1rem}.progress-group__label{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-bottom:.42rem}.progress-group__label strong{color:#344054}.progress{height:7px;background:#eeeff3;border-radius:99px;overflow:hidden}.progress__bar{display:block;height:100%;background:linear-gradient(90deg,#786bea,#5d4cda);border-radius:inherit;transition:width .35s ease}.status-badge{display:inline-flex;align-items:center;width:max-content;padding:.28rem .48rem;border-radius:99px;font-size:.68rem;font-weight:750;white-space:nowrap}.status-badge--not_started,.status-badge--pending{color:#475467;background:#f2f4f7}.status-badge--studying,.status-badge--in_progress{color:#175cd3;background:#eff8ff}.status-badge--paused{color:#b54708;background:#fff6ed}.status-badge--completed{color:#15803d;background:#ecfdf3}.inline-select{min-width:130px}.inline-select select{font-size:.75rem;padding:.42rem .55rem}.card-actions{display:flex;align-items:center;gap:.45rem;border-top:1px solid #eef0f3;padding-top:.8rem;margin-top:.8rem}.card-actions .button{margin-right:auto}.responsive-table-wrapper{background:#fff;border:1px solid var(--border);border-radius:13px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:790px}.data-table th{color:#667085;background:#f9fafb;font-size:.7rem;text-transform:uppercase;letter-spacing:.045em;text-align:left;padding:.72rem 1rem;border-bottom:1px solid var(--border)}.data-table td{padding:.9rem 1rem;border-bottom:1px solid #eef0f3;vertical-align:middle;font-size:.84rem}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcfd}.actions-column{text-align:right!important}.table-primary{display:flex;flex-direction:column;min-width:210px}.table-primary strong{font-size:.87rem}.table-primary span{color:var(--muted);font-size:.75rem;margin-top:.25rem;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-link{color:var(--primary-dark);font-weight:700}.topic-link:hover{text-decoration:underline}.table-actions{display:flex;justify-content:flex-end;align-items:center;gap:.4rem}.difficulty-dots{display:flex;gap:3px}.difficulty-dots i{width:7px;height:7px;background:#e4e7ec;border-radius:50%}.difficulty-dots i.active{background:#f79009}.today-banner{display:flex;align-items:center;gap:1rem;border:1px solid #d0d5dd;background:#fff;border-radius:13px;padding:1rem 1.15rem;margin-bottom:1rem}.today-banner--done{background:#f4fff8;border-color:#abefc6}.today-banner__icon{width:42px;height:42px;border-radius:50%;background:#f2f4f7;color:#667085;display:grid;place-items:center;font-weight:900;flex:none}.today-banner--done .today-banner__icon{background:#d1fadf;color:var(--success)}.today-banner>div{flex:1}.today-banner strong{font-size:.9rem}.today-banner p{color:var(--muted);font-size:.8rem;margin:.2rem 0 0}.checkin-list{display:flex;flex-direction:column;gap:.75rem}.checkin-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:1rem;align-items:start;background:#fff;border:1px solid var(--border);border-radius:13px;padding:1rem}.checkin-card__date{background:#f1efff;border-radius:10px;color:var(--primary-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;height:57px}.checkin-card__date strong{font-size:1.18rem;line-height:1}.checkin-card__date span{font-size:.66rem;text-transform:uppercase;margin-top:.2rem;font-weight:750}.checkin-card__heading{display:flex;justify-content:space-between;gap:1rem}.checkin-card__heading>div{display:flex;flex-direction:column}.checkin-card__heading a{font-weight:750;font-size:.9rem}.checkin-card__heading a:hover{color:var(--primary)}.checkin-card__heading time{color:var(--muted);font-size:.72rem;margin-top:.2rem}.checkin-card__body>p{color:#475467;font-size:.84rem;line-height:1.5;margin:.7rem 0 .55rem}.minutes-chip{padding:.32rem .55rem;border-radius:7px;background:#ecfdff;color:#087e8b;font-size:.72rem;font-weight:750;height:max-content;white-space:nowrap}.checkin-card__actions{display:flex;gap:.35rem}.back-link{display:inline-block;color:var(--muted);font-size:.84rem;font-weight:650;margin-bottom:1.2rem}.back-link:hover{color:var(--primary)}.topic-hero{background:#fff;border:1px solid var(--border);border-radius:15px;padding:1.5rem;display:flex;justify-content:space-between;gap:2rem;margin-bottom:1rem}.topic-hero__main{display:flex;gap:1rem;min-width:0}.topic-hero__main h1{font-size:1.65rem;margin:.6rem 0 .45rem;letter-spacing:-.03em}.topic-hero__main p{color:var(--muted);line-height:1.55;margin:0;max-width:690px}.topic-hero__progress{width:min(290px,32%);flex:none;align-self:center}.topic-hero__progress>span{display:block;color:var(--muted);font-size:.7rem;text-align:right}.detail-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.detail-summary-grid article{background:#fff;border:1px solid var(--border);border-radius:13px;padding:1rem;display:flex;align-items:center;gap:.85rem}.detail-summary-grid article>div{display:flex;flex-direction:column}.detail-summary-grid strong{font-size:1.2rem}.detail-summary-grid article>div span{color:var(--muted);font-size:.75rem}.detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.detail-section{min-width:0}.compact-list{display:flex;flex-direction:column}.compact-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem 0;border-bottom:1px solid #eef0f3}.compact-list article:last-child{border:0}.compact-list article>div{min-width:0}.compact-list strong{display:block;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-list p{color:var(--muted);font-size:.73rem;margin:.2rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-circle{width:22px;height:22px;display:grid;place-items:center;border:2px solid #d0d5dd;border-radius:50%;color:#fff;font-size:.65rem}.check-circle--done{border-color:#17b26a;background:#17b26a}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#f7f8fc}.not-found>span{color:var(--primary);font-size:5rem;line-height:1;font-weight:900;opacity:.2}.not-found h1{margin:1rem 0 .4rem}.not-found p{color:var(--muted);margin-bottom:1.4rem}@media(max-width:1120px){.topic-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:minmax(330px,.8fr) minmax(460px,1.2fr)}.auth-intro{padding:2rem}.auth-intro__content h1{font-size:2.7rem}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:15px 0 35px #10182833}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#0f172a80}.app-content{margin-left:0;width:100%}.mobile-header{display:flex;position:sticky;top:0;z-index:20;height:59px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:.65rem 1rem}.mobile-brand{font-weight:800;font-size:.9rem}.main-content{padding-top:1.5rem}.auth-layout{grid-template-columns:1fr}.auth-intro{display:none}.mobile-auth-brand{display:flex;align-items:center;gap:.55rem;margin-bottom:2.2rem;font-weight:800}.mobile-auth-brand .brand__mark{width:34px;height:34px}.detail-columns{grid-template-columns:1fr}}@media(max-width:720px){.main-content{padding:1.25rem .9rem 2rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.page-header__actions{align-self:flex-start}.date-chip{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:.7rem}.stat-card{padding:.85rem;gap:.7rem}.stat-card__icon{width:37px;height:37px}.stat-card strong{font-size:1.2rem}.topic-grid,.form-grid--two{grid-template-columns:1fr}.filter-bar{align-items:stretch}.filter-bar .field{flex:1 1 180px}.filter-clear{margin:.5rem 0;width:100%;text-align:left}.responsive-table-wrapper{border:0;background:transparent;overflow:visible}.data-table{min-width:0;display:block}.data-table thead{display:none}.data-table tbody{display:flex;flex-direction:column;gap:.8rem}.data-table tr{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.9rem}.data-table td{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:0;padding:.42rem 0}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:750}.data-table td:first-child{display:block;border-bottom:1px solid #eef0f3;margin-bottom:.4rem;padding-bottom:.75rem}.data-table td:first-child:before{display:none}.table-primary{min-width:0}.table-actions{flex-wrap:wrap}.topic-hero{flex-direction:column}.topic-hero__progress{width:100%}.detail-summary-grid{grid-template-columns:1fr;gap:.7rem}.checkin-card{grid-template-columns:48px minmax(0,1fr)}.checkin-card__actions{grid-column:2}.today-banner{align-items:flex-start;flex-wrap:wrap}.today-banner .button{margin-left:58px}}@media(max-width:480px){.auth-main{padding:1.25rem;align-items:start}.auth-card{padding-top:1rem}.auth-card__heading h2{font-size:1.7rem}.stats-grid{grid-template-columns:1fr}.page-header__actions,.page-header__actions .button{width:100%}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.modal-backdrop{padding:.5rem;align-items:end}.modal{border-radius:16px 16px 8px 8px;max-height:calc(100vh - 1rem)}.timeline-item__top{flex-direction:column;gap:.2rem}.checkin-card__heading{flex-direction:column;gap:.5rem}.minutes-chip{align-self:flex-start}.topic-hero__main{flex-direction:column}.section-heading{align-items:flex-start}}