#root,body,html{height:100%;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f6f8fb;--panel:#fff;--panel-soft:#f9fafc;--text:#172033;--muted:#687387;--line:#dfe5ef;--primary:#2457d6;--primary-dark:#173f9d;--accent:#0f9f8f;--danger:#c93434;--warning:#b7791f;--shadow:0 16px 45px #17203314}*{box-sizing:border-box}body{background:#f6f8fb;background:var(--bg);color:#172033;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.mobile-bottom-nav{display:none}a,button{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-page{background:#edf2f8;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:100vh}.auth-visual{background:linear-gradient(#0d182d33,#0d182d80),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1400&q=80) 50%/cover;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.auth-brand{font-size:26px;font-weight:800;letter-spacing:0}.auth-visual h1{font-size:48px;letter-spacing:0;line-height:1.05;margin:0 0 18px;max-width:620px}.auth-visual p{color:#ffffffdb;font-size:18px;line-height:1.65;max-width:560px}.auth-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:660px}.auth-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff42;border-radius:8px;padding:18px}.auth-stat strong{display:block;font-size:25px}.auth-stat span{color:#fffc;display:block;margin-top:4px}.auth-panel{align-items:center;display:flex;justify-content:center;padding:42px 28px}.auth-card{background:#fff;background:var(--panel);border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 45px #17203314;box-shadow:var(--shadow);max-width:440px;padding:34px;width:100%}.eyebrow{color:#2457d6;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.auth-card h2,.section-heading h1,.section-heading h2{letter-spacing:0;margin:0}.auth-card h2{font-size:30px}.auth-copy{color:#687387;color:var(--muted);line-height:1.55;margin:10px 0 24px}.auth-role-strip{display:flex;gap:8px;margin:-8px 0 22px}.auth-role-strip span{align-items:center;background:#edf3ff;border-radius:999px;color:#2457d6;color:var(--primary);display:inline-flex;font-size:13px;font-weight:800;min-height:30px;padding:5px 11px}.field-stack{grid-gap:14px;display:grid;gap:14px}.field{grid-gap:7px;display:grid;gap:7px}.field label{color:#344052;font-size:14px;font-weight:700}.field input,.field select,.field textarea,.search-box{background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;color:#172033;color:var(--text);outline:none;padding:12px 13px;transition:border .18s ease,box-shadow .18s ease;width:100%}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-box:focus{border-color:#2457d6;border-color:var(--primary);box-shadow:0 0 0 4px #2457d61f}.field-hint{color:#687387;color:var(--muted);font-size:13px;line-height:1.4}.danger-btn,.ghost-btn,.primary-btn,.secondary-btn{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:10px 15px}.primary-btn{background:#2457d6;background:var(--primary);color:#fff}.primary-btn:hover{background:#173f9d;background:var(--primary-dark)}.secondary-btn{background:#edf3ff;border-color:#cddcff}.danger-btn{background:#c93434;background:var(--danger);color:#fff}.ghost-btn{background:#fff;border-color:#dfe5ef;border-color:var(--line);color:#172033;color:var(--text)}.auth-submit{margin-top:18px;width:100%}.form-message{background:#edf8f6;border:1px solid #bde8e2;border-radius:8px;color:#08766b;margin:14px 0 0;padding:11px 12px}.form-message.error{background:#fff1f1;border-color:#f2c6c6;color:#ad2f2f}.auth-switch{color:#687387;color:var(--muted);margin:22px 0 0;text-align:center}.auth-switch a{color:#2457d6;color:var(--primary);font-weight:800;text-decoration:none}.app-shell{background:#f6f8fb;background:var(--bg);display:flex;min-height:100vh}.side-nav{background:#121a2b;color:#f8fafc;display:flex;flex:0 0 254px;flex-direction:column;gap:22px;height:100vh;padding:24px 18px;position:-webkit-sticky;position:sticky;top:0;width:254px}.side-brand{align-items:center;border-bottom:1px solid #ffffff1f;display:flex;gap:12px;padding:0 6px 16px}.brand-mark{background:#fff;border-radius:8px;color:#121a2b;display:grid;font-weight:900;height:40px;place-items:center;width:40px}.side-brand strong{display:block;font-size:18px}.muted,.side-brand span,.user-pill span{color:#687387;color:var(--muted)}.side-brand span{color:#ffffff9e;font-size:13px}.nav-list{grid-gap:8px;display:grid;gap:8px}.nav-item{background:#0000;border:0;border-radius:8px;color:#ffffffbd;font-weight:800;padding:12px;text-align:left}.nav-item.active,.nav-item:hover{background:#ffffff1f;color:#fff}.course-chip:focus-visible,.course-select-card:focus-visible,.danger-btn:focus-visible,.ghost-btn:focus-visible,.nav-item:focus-visible,.primary-btn:focus-visible,.quick-card:focus-visible,.secondary-btn:focus-visible,.tab-btn:focus-visible{outline:3px solid #2457d647;outline-offset:2px}.shell-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.top-bar{background:#fff;border-bottom:1px solid #0f172a14;box-shadow:0 2px 12px #0f172a0d;justify-content:space-between;min-height:80px;padding:20px 28px}.top-bar,.top-bar-left{align-items:center;display:flex;gap:18px}.top-bar-left{min-width:0}.top-bar-brand{align-items:center;display:flex;gap:14px;min-width:0}.brand-chip{align-items:center;background:#eef3ff;border-radius:999px;color:#2457d6;color:var(--primary);display:inline-flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.02em;padding:8px 14px}.top-bar h1{font-size:20px;font-weight:700;letter-spacing:.01em;margin:0}.top-bar .muted{color:#687387;color:var(--muted);display:block;font-size:14px;margin-top:4px}.top-actions{gap:14px}.top-actions,.user-pill{align-items:center;display:flex}.user-pill{background:#f8f9fd;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:999px;gap:10px;padding:10px 14px}.user-pill,.user-pill strong{font-size:13px}.user-pill span{color:#687387;color:var(--muted)}.top-bar-hamburger{background:#f7f8fc;border-color:#dfe5ef;border-color:var(--line);border-radius:12px;height:46px;padding:0;width:46px}.secondary-btn,.top-bar-hamburger:hover{background:#eef3ff}.secondary-btn{border-color:#0000;color:#2457d6;color:var(--primary)}.secondary-btn:hover{background:#dbe6ff}.content-area{grid-gap:22px;display:grid;gap:22px;padding:28px}.page-intro{align-items:center;background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(23,32,51,.045);display:flex;gap:18px;justify-content:space-between;padding:22px}.page-intro h2{font-size:26px;letter-spacing:0;margin:0}.page-intro p{color:#687387;color:var(--muted);line-height:1.55;margin:7px 0 0;max-width:720px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item-card,.panel,.stat-card{background:#fff;background:var(--panel);border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(23,32,51,.045)}.stat-card{padding:18px}.item-card:hover,.panel:hover,.stat-card:hover{box-shadow:0 14px 34px #17203312}.stat-card span{color:#687387;color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:30px;margin-top:8px}.panel{padding:20px}.section-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.section-heading p{color:#687387;color:var(--muted);margin:7px 0 0}.sub-tabs,.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab-btn{background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;color:#687387;color:var(--muted);font-weight:800;min-height:38px;padding:9px 13px}.tab-btn.active{background:#edf3ff;border-color:#2457d6;border-color:var(--primary);color:#2457d6;color:var(--primary)}.quick-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.quick-card{background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(23,32,51,.045);min-height:150px;padding:18px;text-align:left}.course-chip:hover,.course-select-card:hover,.quick-card:hover{border-color:#b9c8e6;box-shadow:0 14px 34px #17203314;transform:translateY(-1px)}.quick-card span{background:#e8f7f3;border-radius:999px;color:#0b756b;display:inline-flex;font-size:12px;font-weight:900;margin-bottom:13px;padding:5px 9px}.quick-card strong{display:block;font-size:16px}.quick-card p{color:#687387;color:var(--muted);line-height:1.45;margin:8px 0 0}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field.full,.full{grid-column:1/-1}.table-wrap{overflow-x:auto;width:100%}.data-table{border-collapse:collapse;min-width:740px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #dfe5ef;border-bottom:1px solid var(--line);padding:13px 12px;text-align:left;vertical-align:top}.data-table th{background:#f9fafc;background:var(--panel-soft);color:#4b5567;font-size:13px}.data-table tbody tr:hover{background:#fbfcff}.badge{align-items:center;background:#eef2f7;border-radius:999px;color:#405064;display:inline-flex;font-size:12px;font-weight:800;min-height:26px;padding:4px 9px}.badge.green{background:#e8f7f3;color:#0b756b}.badge.yellow{background:#fff5da;color:#b7791f;color:var(--warning)}.grid-two{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.course-list{grid-gap:10px;display:grid;gap:10px;max-height:620px;overflow:auto}.course-switcher{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.course-chip{background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;padding:14px;text-align:left}.course-chip.active{background:#edf3ff;border-color:#2457d6;border-color:var(--primary)}.course-chip span,.course-chip strong{display:block}.course-chip span{color:#687387;color:var(--muted);font-size:13px;font-weight:700;margin-top:6px}.course-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:18px}.catalog-card{background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(23,32,51,.045);overflow:hidden}.catalog-thumb{background-position:50%;background-size:cover;min-height:150px}.catalog-body{grid-gap:12px;display:grid;gap:12px;padding:16px}.catalog-body h3{font-size:18px;margin:0}.catalog-body p{color:#687387;color:var(--muted);line-height:1.45;margin:0}.catalog-meta{font-weight:800;justify-content:space-between}.catalog-meta,.quiz-option{color:#405064;display:flex;gap:10px}.quiz-option{align-items:center;background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;font-weight:700;padding:12px}.result-correct,.result-wrong{border-radius:8px;font-weight:800;margin:0;padding:11px 12px}.result-correct{background:#edf8f6;color:#08766b}.result-wrong{background:#fff1f1;color:#ad2f2f}.item-card{padding:15px}.note-card{grid-gap:12px;display:grid;gap:12px}.course-select-card{grid-gap:12px;align-items:center;background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:86px minmax(0,1fr);padding:14px;text-align:left}.course-select-card.active{border-color:#2457d6;border-color:var(--primary);box-shadow:0 0 0 4px #2457d61a}.course-select-card strong,.item-card strong{display:block}.course-select-card p,.item-card p{color:#687387;color:var(--muted);line-height:1.45;margin:7px 0 0}.course-select-thumb{background:#eef3ff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:6px;color:#687387;color:var(--muted);display:grid;font-size:12px;font-weight:800;height:58px;overflow:hidden;place-items:center;width:86px}.course-select-thumb img{height:100%;object-fit:cover;width:100%}.stack{grid-gap:14px;display:grid;gap:14px}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.workflow-note{background:#edf8f6;border:1px solid #bde8e2;border-radius:8px;padding:14px}.workflow-note strong{color:#08766b;display:block}.workflow-note p{color:#2f615d;line-height:1.45;margin:6px 0 0}.video-lesson{grid-gap:14px;display:grid;gap:14px}.video-lesson.locked{background:#fbfcff}.lesson-player{background:#101827;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;max-height:520px;width:100%}.locked-box{background:#f6f8fb;font-weight:700;padding:18px}.empty-state,.locked-box{border:1px dashed #c7d0df;border-radius:8px;color:#687387;color:var(--muted);text-align:center}.empty-state{background:#f9fafc;background:var(--panel-soft);padding:24px}.student-course-hero{align-items:flex-end;background:linear-gradient(#0c132340,#0c1323c7),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1400&q=80) 50%/cover;border-radius:8px;color:#fff;display:flex;min-height:220px;padding:24px}.progress-track{background:#e8edf5;border-radius:999px;height:10px;overflow:hidden;width:100%}.video-js .vjs-poster{background-color:#000;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.progress-fill{background:#0f9f8f;background:var(--accent);height:100%}.lms-player-shell{grid-gap:20px;background:#eef2f7;display:grid;flex:1 1;gap:20px;min-height:0;overflow-y:auto;padding:24px}.lms-player-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.lms-sidebar-wrapper{flex:0 0 360px;width:360px}.lms-course-banner{align-items:flex-end;background:linear-gradient(#0f172a33,#0f172ac7),#172033;background-position:50%;background-size:cover;border-radius:8px;color:#fff;display:flex;gap:20px;justify-content:space-between;min-height:100px;padding:24px}.lms-course-banner h2{font-size:28px;margin:6px 0 8px}.lms-course-banner p{color:#ffffffdb;margin:0;max-width:760px}.lms-progress-box{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:8px;min-width:180px;padding:14px}.lms-progress-box span,.lms-progress-box strong{display:block}.lms-progress-box strong{font-size:26px;margin:4px 0 10px}.lms-lesson-sidebar,.lms-player-main{min-width:0}.lms-sidebar-wrapper{align-self:flex-start;max-height:calc(100vh - 100px);min-height:0;position:-webkit-sticky;position:sticky;top:24px}.lms-video-frame{aspect-ratio:16/9;background:#080b12;border-radius:8px;box-shadow:0 18px 45px #0f172a29;overflow:hidden;width:100%}.lms-video-frame video{background:#080b12;display:block;height:100%;object-fit:contain;width:100%}.lms-video-info{align-items:flex-start;background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin:16px 0;padding:18px}.lms-video-info h2{margin:4px 0 6px}.lms-video-info p{color:#687387;color:var(--muted);margin:0}.lms-resource-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.lms-lesson-sidebar{background:#fff;border:1px solid #dfe5ef;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0f172a14;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;padding:0;width:100%}.lms-lesson-sidebar-heading{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex:0 0 auto;gap:12px;justify-content:space-between;padding:16px 18px}.lms-lesson-sidebar-heading h2{color:#0f172a;font-size:1.05rem;margin:0}.lms-lesson-sidebar-heading p{color:#64748b;font-size:.78rem;margin:4px 0 0}.lms-hide-lessons-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:grid;flex:0 0 34px;height:34px;padding:0;place-items:center;width:34px}.lms-hide-lessons-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.lms-lesson-list{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:0}.lms-lesson-sort-controls{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:4px}.lms-lesson-sort-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 1px 2px #0f172a0f;color:#475569;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:700;height:26px;justify-content:center;line-height:1;min-width:48px;padding:0 8px}.lms-lesson-sort-btn:hover{background:#f8fafc;border-color:#94a3b8}.lms-lesson-sort-btn.active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.lms-lesson-empty{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;font-size:.9rem;overflow-y:auto;overscroll-behavior:contain;padding:14px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.lms-lesson-item{grid-gap:12px;align-items:center;-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;display:grid;flex:0 0 auto;gap:12px;grid-template-columns:108px minmax(0,1fr);padding:10px;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;width:100%}.lms-lesson-item:not(:disabled):hover{background:#f8fbff;border-color:#b9c8e6}.lms-lesson-item.active{background:#edf3ff;border-color:#2457d6;border-color:var(--primary);box-shadow:0 0 0 4px #2457d61a}.lms-lesson-item:disabled{cursor:not-allowed;opacity:.68}.lms-lesson-thumb{aspect-ratio:16/9;background:#e2e8f0;border-radius:8px;overflow:hidden;position:relative;width:108px}.lms-lesson-thumb img{display:block;height:100%;object-fit:cover;width:100%}.lms-lesson-copy{display:block;min-width:0}.lms-lesson-duration{background:#0f172ae0;border-radius:4px;bottom:6px;color:#fff;font-size:.65rem;padding:2px 5px;position:absolute;right:4px}.lms-lesson-progress{background:#ffffff8c;bottom:0;height:3px;left:0;position:absolute;right:0}.lms-lesson-progress>span{background:#2563eb;display:block;height:100%}.lms-lesson-item.completed .lms-lesson-progress>span{background:#10b981}.lms-lesson-number{color:#64748b;display:block;font-size:.68rem;font-weight:700;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.lms-lesson-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:.86rem;line-height:1.35;overflow:hidden;overflow-wrap:anywhere}.lms-lesson-status{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.72rem;gap:5px;margin-top:6px}.lms-lesson-status.completed{color:#059669}.lms-lesson-progress-label{color:#2563eb;font-weight:600}.lms-lesson-empty{color:#64748b;font-size:.85rem;padding:28px 14px;text-align:center}@media (max-width:1100px){.course-player-page .lms-player-grid{flex-direction:column!important}.course-player-page .lms-sidebar-wrapper{flex-basis:auto;height:min(560px,68vh)!important;position:static!important;width:100%}.course-player-page .lms-lesson-sidebar{height:100%;max-height:100%}}@media (max-width:960px){.auth-page,.grid-two{grid-template-columns:1fr}.auth-visual{min-height:430px}.app-shell{display:block}.side-nav{flex-direction:column;height:auto;min-height:auto;position:static;width:100%}.form-grid,.quick-grid,.stats-grid{grid-template-columns:1fr}.lms-video-info,.page-intro{align-items:flex-start;flex-direction:column}.lms-player-grid,.lms-resource-grid{grid-template-columns:1fr}.lms-lesson-sidebar{height:min(560px,68vh);max-height:min(560px,68vh);position:static}.lms-sidebar-wrapper{flex-basis:auto;width:100%}.lms-lesson-item{min-width:0;overflow:hidden}.lms-lesson-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box!important;white-space:normal!important}.lms-lesson-thumb{width:clamp(88px,28vw,108px)!important}}@media (max-width:768px){body{padding-left:0!important}body.mobile-bottom-nav-visible{padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px))}.sidebar-scroll-container{display:none!important}.mobile-bottom-nav{grid-gap:4px;background:#fffffffa;border-top:1px solid #dfe5ef;bottom:0;box-shadow:0 -10px 28px #0f172a1f;display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));left:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:1200}body.mobile-bottom-nav-visible .admin-page main,body.mobile-bottom-nav-visible .content-area,body.mobile-bottom-nav-visible .content-scroll,body.mobile-bottom-nav-visible .inst-content,body.mobile-bottom-nav-visible .shell-main,body.mobile-bottom-nav-visible .student-page main,body.mobile-bottom-nav-visible main{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))!important;scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom, 0px))}.mobile-bottom-nav__item{align-items:center;border-radius:8px;color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:800;gap:5px;justify-content:center;min-height:54px;min-width:0;text-decoration:none}.mobile-bottom-nav__item svg{flex-shrink:0;height:18px;width:18px}.mobile-bottom-nav__icon{position:relative}.mobile-bottom-nav__badge,.mobile-bottom-nav__icon{align-items:center;display:inline-flex;justify-content:center}.mobile-bottom-nav__badge{background:#dc2626;border:2px solid #fff;border-radius:999px;color:#fff;font-size:10px;font-weight:900;height:18px;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-12px;top:-9px}.mobile-bottom-nav__item>span:not(.mobile-bottom-nav__icon){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav__item.active{background:#edf3ff;color:#2457d6;color:var(--primary)}}@media (max-width:640px){.auth-panel,.auth-visual,.content-area,.top-bar{padding:20px}.auth-visual h1{font-size:34px}.auth-stats{grid-template-columns:1fr}.top-bar{align-items:flex-start;flex-direction:column}.top-actions{justify-content:space-between;width:100%}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:#1e293b;border-radius:12px;color:#fff;cursor:pointer;padding:15px}.card img{border-radius:8px;height:130px;object-fit:cover;width:100%}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-box{background:#0f172a;border-radius:12px;padding:20px;width:400px}}
/*# sourceMappingURL=main.ed1147e2.css.map*/