:root{--navy:#171a2a;--gold:#c49331;--gold2:#e4bc5e;--bg:#f5f6f9;--card:#fff;--ink:#171a28;--muted:#8e93a3;--line:#e6e8ed;--green:#2e9b70;--red:#c65b55;--shadow:0 18px 46px rgba(22,25,40,.055)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--bg)}body{font-size:14px}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.app{min-height:100vh;display:flex}
.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:304px;display:flex;flex-direction:column;background:var(--navy);color:#fff}.sidebar__head{height:96px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.065)}.brand img{max-width:194px;max-height:58px}.sidebar__context{margin:21px 20px 19px;padding:16px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:rgba(255,255,255,.035)}.avatar,.profile__avatar{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#efc866,#bd8529);color:#1b1d2a;font-weight:800}.sidebar__context-copy{min-width:0}.sidebar__context-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__context-copy span{display:block;margin-top:4px;color:#9298aa;font-size:12px}
.menu{padding:3px 15px}.menu__caption{padding:14px 13px 9px;color:#8088a2;font-size:11px;font-weight:800;letter-spacing:.12em}.menu__caption--space{margin-top:12px}.menu__link{position:relative;display:flex;align-items:center;gap:13px;min-height:52px;margin:2px 0;padding:0 14px;border-radius:12px;color:#c5cada;font-weight:700}.menu__link.active{background:rgba(255,255,255,.075);color:#fff}.menu__link.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:4px;background:var(--gold2)}.menu__icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.055);color:#afb5c7}.sidebar__footer{margin-top:auto;padding:13px 15px 24px;border-top:1px solid rgba(255,255,255,.065)}
.workspace{width:calc(100% - 304px);margin-left:304px;min-height:100vh}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 39px;background:#fff;border-bottom:1px solid #e9e9ed}.topbar__title span{display:block;color:#979baa;font-size:11px;font-weight:800;letter-spacing:.08em}.topbar__title strong{display:block;margin-top:7px;font-size:13px}.topbar__actions{display:flex;align-items:center;gap:15px}.topbar__mobile-brand{display:none}.language{display:flex;padding:4px;border:1px solid #e2e3e8;border-radius:14px;background:#f9f9fa}.language button{width:55px;height:39px;border:0;border-radius:10px;background:transparent;color:#838895;font-size:12px;font-weight:800}.language button.active{background:linear-gradient(135deg,#e5bd61,#c48e31);color:#282216}
.profile{position:relative}.profile__button{display:flex;align-items:center;gap:11px;border:0;background:transparent;text-align:left}.profile__avatar{width:42px;height:42px}.profile__copy{max-width:210px}.profile__copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile__copy small{display:block;margin-top:4px;color:#979ba9}.profile__menu{position:absolute;right:0;top:54px;display:none;width:215px;padding:8px;border:1px solid #e7e7eb;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(17,20,35,.14)}.profile.open .profile__menu{display:block}.profile__menu a{display:block;padding:10px 12px;border-radius:9px;color:#545968;font-size:12px;font-weight:700}
.main{padding:38px 39px 72px}.intro{display:flex;justify-content:space-between;gap:25px;margin-bottom:24px}.intro__eyebrow{margin:0 0 10px;color:#b57d1b;font-size:12px;font-weight:800;letter-spacing:.09em}.intro h1{margin:0;font-size:44px;line-height:1.08;letter-spacing:-.055em}.intro h1 .accent{color:#c79332}.intro__lead{margin:11px 0 0;color:#8f94a3;font-size:13px}.intro__meta{display:flex;gap:12px}.meta-card{display:flex;align-items:center;gap:11px;min-width:220px;min-height:72px;padding:13px 16px;border:1px solid #e7e8ec;border-radius:16px;background:#fff}.meta-card__dot{width:9px;height:9px;border-radius:50%;background:#aeb3bf}.meta-card--connection[data-state=ready]{border-color:#cae6d9;background:#f8fdf9}.meta-card--connection[data-state=ready] .meta-card__dot{background:var(--green)}.meta-card--connection[data-state=error] .meta-card__dot{background:var(--red)}.meta-card__calendar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff6e2;color:#ae7419}.meta-card strong{display:block}.meta-card small{display:block;margin-top:5px;color:#999daa;font-size:10px}
.data-state{display:none;align-items:center;gap:10px;margin:-7px 0 18px;padding:10px 14px;border:1px solid #e6e7eb;border-radius:12px;background:#fff;color:#6f7482;font-size:11px}.data-state.show{display:flex}.data-state.is-error{border-color:#f0d4d0;background:#fff8f7;color:#a34c45}.data-state__spinner{width:14px;height:14px;border:2px solid #ddd;border-top-color:#bd892d;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.work-attendance{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:20px;padding:24px 25px;border:1px solid #ead6a3;border-radius:24px;background:linear-gradient(105deg,#fffdf8,#fff8e9)}.work-attendance__main{display:flex;align-items:center;gap:16px}.work-attendance__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff0c9;color:#a8751b;font-size:24px}.work-attendance__eyebrow{margin:0;color:#b67f1b;font-size:11px;font-weight:800;letter-spacing:.08em}.work-attendance__title{margin:5px 0 0;font-size:18px}.work-attendance__meta{display:flex;gap:13px;margin-top:9px;color:#9196a5;font-size:11px}.work-attendance__meta span{display:flex;align-items:center;gap:7px}.work-attendance__meta i{width:6px;height:6px;border-radius:50%;background:#b8bdc9}.work-attendance__meta .is-ok i{background:var(--green)}.work-attendance__meta .is-error i{background:var(--red)}.work-attendance__actions{display:flex;align-items:center;gap:16px}.work-attendance__status{font-size:12px;font-weight:700;color:#5e6476;white-space:nowrap}.gps-button{min-width:190px;min-height:48px;padding:11px 18px;border:1px solid #b8872e;border-radius:13px;background:linear-gradient(135deg,var(--gold2),#c99738);font-size:12px;font-weight:800}.gps-button.is-exit{border-color:#d7dbe3;background:#fff}.gps-button.is-done{border-color:#cde8d8;background:#edf8f1;color:#26734a}.gps-button:disabled{opacity:.65;cursor:default}.work-attendance.is-checked-in{border-color:#cde8d8;background:linear-gradient(135deg,#fbfffc,#f2faf5)}.work-attendance.is-complete{border-color:#dfe3ea;background:#fff}.work-attendance.is-error{border-color:#efcbc7;background:#fff7f6}
.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px}.dashboard__aside{display:flex;flex-direction:column;gap:20px}.lesson-card{padding:27px 28px;border:1px solid #ead6a3;border-radius:25px;background:linear-gradient(105deg,#fffdf8,#fff8e9);box-shadow:var(--shadow)}.lesson-card__top{display:flex;justify-content:space-between;gap:18px}.lesson-card__label{display:flex;align-items:center;gap:8px;color:#a5751c;font-size:11px;font-weight:800}.lesson-card__dot{width:8px;height:8px;border-radius:50%;background:#d4d8e0}.lesson-card.has-lesson .lesson-card__dot{background:#c9932f}.lesson-card h2{margin:11px 0 0;font-size:25px}.lesson-card__sub{margin:8px 0 0;color:#858a99;font-size:12px}.lesson-card__time{padding:10px 12px;border:1px solid #e8d19f;border-radius:10px;background:#fffdf7;color:#805e20;font-size:11px;font-weight:800;white-space:nowrap}.lesson-card__topic{margin-top:19px;padding:14px 15px;border:1px solid #ece8dd;border-radius:14px;background:rgba(255,255,255,.68)}.lesson-card__topic small{display:block;color:#a7a3a0;font-size:10px}.lesson-card__topic strong{display:block;margin-top:7px}.lesson-card__actions{display:flex;gap:9px;margin-top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #dfdfe4;border-radius:10px;background:#fff;color:#555b69;font-size:10px;font-weight:800}.btn--primary{border-color:#be8a2f;background:linear-gradient(135deg,#e3bb5f,#bd872c);color:#272114}.lesson-card.is-empty .lesson-card__actions,.lesson-card.is-empty .lesson-card__time{display:none}
.panel{padding:23px;border-radius:23px;background:#fff;box-shadow:var(--shadow)}.panel--spaced{margin-top:20px}.panel__head{display:flex;justify-content:space-between;gap:16px;padding-bottom:17px}.panel__head h2{margin:0;font-size:18px}.panel__head p{margin:5px 0 0;color:#9a9eac;font-size:10px}.panel__link{color:#b47b19;font-size:10px;font-weight:800;white-space:nowrap}.schedule-list{border-top:1px solid #ececef}.schedule-row{display:grid;grid-template-columns:86px minmax(0,1fr) 115px;align-items:center;gap:13px;padding:15px 3px;border-bottom:1px solid #eee}.schedule-row__time strong,.schedule-row__copy strong{display:block;font-size:11px}.schedule-row__time span,.schedule-row__copy span{display:block;margin-top:4px;color:#8d92a0;font-size:9px}.chip{justify-self:end;padding:8px 10px;border-radius:16px;background:#f5f6f8;color:#737887;font-size:9px;font-weight:800}.groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.group-card{padding:15px;border:1px solid #e8e9ed;border-radius:15px;background:#fafafb}.group-card h3{margin:0;font-size:12px}.group-card__specialty{margin-top:5px;color:#9297a5;font-size:9px}.group-card__footer{display:flex;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid #e9eaee;font-size:9px}.group-card__link{color:#b47b19;font-weight:800}.empty-block{padding:26px 18px;border:1px dashed #e0e2e8;border-radius:13px;text-align:center;color:#9ca1ae;font-size:10px}
.ai-card{padding:22px;border:1px solid #ead8ad;border-radius:22px;background:linear-gradient(145deg,#fffdf8,#fff8e8)}.ai-card__mark{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:linear-gradient(135deg,#e2b858,#c18a2c);font-weight:800}.ai-card h2{margin:17px 0 8px}.ai-card p{margin:0;color:#9297a5;font-size:10px;line-height:1.55}.ai-card__quick{display:grid;gap:7px;margin-top:16px}.ai-card__quick button{display:flex;justify-content:space-between;min-height:42px;padding:0 13px;border:1px solid #e7dfcb;border-radius:11px;background:#fff;font-size:9px;font-weight:800}.ai-card__status{display:flex;align-items:center;gap:7px;margin-top:14px;color:#798071;font-size:9px}.ai-card__status i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.floating-ai{position:fixed;z-index:25;right:37px;bottom:26px;width:62px;height:62px;border:0;border-radius:18px;background:linear-gradient(135deg,#e4bc5e,#be882c);font-weight:800}.mobile-nav{display:none}.ai-sheet{position:fixed;z-index:1000;inset:0;display:none;align-items:center;justify-content:center;background:rgba(18,21,35,.45)}.ai-sheet.open{display:flex}.ai-dialog{width:min(520px,calc(100% - 30px));padding:22px;border-radius:22px;background:#fff}.ai-dialog__head{display:flex;justify-content:space-between}.ai-dialog__head h3{margin:0}.ai-dialog__head p{color:#9499a6;font-size:10px}.ai-dialog__head button{width:38px;height:38px;border:1px solid #e5e6ea;border-radius:10px;background:#fff}.ai-dialog__actions{display:grid;gap:8px;margin-top:18px}.ai-dialog__actions button{padding:12px;border:1px solid #e4e5e9;border-radius:11px;background:#fafafb;text-align:left}
.gps-toast{position:fixed;z-index:3000;right:24px;bottom:24px;max-width:390px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(21,24,41,.18);font-size:11px;font-weight:700;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.gps-toast.show{opacity:1;visibility:visible;transform:none}.gps-toast.is-error{border-color:#f0c7c4;background:#fff7f6;color:#9d443f}.gps-toast.is-ok{border-color:#c9e7d6;background:#f5fcf8;color:#28714f}
@media(max-width:1280px){.sidebar{width:254px}.workspace{width:calc(100% - 254px);margin-left:254px}.main,.topbar{padding-left:28px;padding-right:28px}.intro{flex-direction:column}.dashboard{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:980px){.dashboard{grid-template-columns:1fr}.dashboard__aside{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{display:none}.workspace{width:100%;margin-left:0}.topbar{height:74px;padding:0 17px}.topbar__title{display:none}.topbar__mobile-brand{display:block}.topbar__mobile-brand img{max-width:150px;max-height:42px}.profile__copy{display:none}.main{padding:24px 16px 100px}.intro h1{font-size:36px}.intro__meta{flex-direction:column}.work-attendance{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:35;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:68px;border-top:1px solid #e7e8ec;background:#fff}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9297a4}.mobile-nav b{font-size:8px}.mobile-nav .active{color:#b77f22}.floating-ai{right:18px;bottom:82px;width:52px;height:52px}.gps-toast{right:12px;left:12px;bottom:82px;max-width:none}}
@media(max-width:640px){.language button{width:42px}.intro h1{font-size:31px}.work-attendance{padding:16px}.work-attendance__actions{display:grid}.gps-button{width:100%;min-width:0}.lesson-card{padding:20px}.lesson-card__top{display:grid}.lesson-card__time{justify-self:start}.lesson-card__actions{display:grid;grid-template-columns:1fr 1fr}.btn--primary{grid-column:1/-1}.groups{grid-template-columns:1fr}.dashboard__aside{grid-template-columns:1fr}.schedule-row{grid-template-columns:70px 1fr}.chip{grid-column:2;justify-self:start}}