:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;color:#243641;background:#f4f7f5;--ink:#1c333d;--muted:#82929a;--line:#e5eeeb;--accent:#236c67;--accent-light:#e5f5ed;--dark:#142e36;--lime:#c5e9a4;--shadow:0 8px 32px rgba(21,53,57,.035)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a9ddba;outline-offset:2px}
#app{min-height:100vh}.shell{display:flex;min-height:100vh}.sidebar{width:259px;flex-shrink:0;background:var(--dark);color:#edf6f2;display:flex;flex-direction:column;padding:29px 18px 24px;position:sticky;top:0;height:100vh;z-index:15}.brand{display:flex;align-items:center;gap:11px;margin:2px 12px 38px}.brand-logo{width:43px;height:43px;background:#c6e9a5;border-radius:14px;display:grid;place-items:center;color:#20463e}.brand-logo svg{width:25px;height:25px}.brand-title{font-size:16px;font-weight:800;letter-spacing:-.6px}.brand-sub{font-size:10px;color:#a5bbb8;letter-spacing:1.8px;text-transform:uppercase;margin-top:3px}.nav-label{margin:0 15px 10px;color:#72928c;font-size:10px;letter-spacing:1.7px;font-weight:800}.nav-link{position:relative;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:10px;font-size:13px;color:#a9c0bc;border:0;background:transparent;text-align:left;width:100%;margin:3px 0;font-weight:570}.nav-link:hover{color:white;background:#25454a}.nav-link.active{background:#294c4d;color:#effff5;font-weight:720}.nav-link.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:4px;background:var(--lime)}.nav-link svg{width:18px;height:18px;stroke-width:1.8}.nav-link .nav-badge{margin-left:auto;background:#c4e7a4;color:#1b3432;padding:3px 7px;font-size:10px;font-weight:800;border-radius:8px}.sidebar-footer{margin-top:auto;padding-top:22px}.assist-card{background:#26454a;border:1px solid #38605f;border-radius:15px;padding:16px 15px}.assist-card .tiny-circle{background:#c2e69f;color:#254b3e;border-radius:10px;display:inline-flex;padding:8px;margin-bottom:9px}.assist-card strong{display:block;color:#f4fcf2;font-size:13px;margin-bottom:5px}.assist-card p{font-size:11px;line-height:1.65;color:#aac5be;margin:0 0 12px}.assist-card button{font-size:11px;font-weight:800;background:#caeca9;color:#203c36;border:0;border-radius:9px;padding:9px 12px}.signed-in{display:flex;align-items:center;gap:10px;margin:23px 5px 0;border-top:1px solid #345259;padding-top:19px;min-width:0}.avatar{height:37px;width:37px;background:#d9eee6;color:#28655e;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:13px;font-weight:800}.signed-in .who{flex:1;min-width:0}.signed-in strong{font-size:12px;color:white;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-in small{font-size:10px;color:#87a9a7}.plain-icon{border:0;background:transparent;padding:5px;color:inherit;display:grid;place-items:center}.plain-icon svg{width:18px;height:18px}.main{flex:1;min-width:0}.topbar{height:84px;border-bottom:1px solid #e6ece9;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:20px}.mobile-menu{display:none}.breadcrumb{color:#9aa9aa;font-size:12px}.breadcrumb strong{color:#3b585a;font-weight:740}.top-actions{display:flex;align-items:center;gap:15px}.today-chip{background:#f6f9f7;color:#657f80;padding:10px 15px;border-radius:10px;font-size:12px;display:flex;gap:8px;align-items:center;font-weight:650}.notif-button{position:relative;border:1px solid #e6efec;background:white;border-radius:11px;width:40px;height:40px;display:grid;place-items:center;color:#4e6a69}.notif-button svg{width:18px}.dot{position:absolute;right:9px;top:8px;width:7px;height:7px;background:#ec885a;border:2px solid #fff;border-radius:50%;width:10px;height:10px}.user-chip{display:flex;gap:9px;align-items:center}.user-chip strong{font-size:12px}.maincontent{padding:39px 44px 52px;max-width:1590px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{font-size:11px;color:#58907a;text-transform:uppercase;letter-spacing:1.8px;font-weight:840;margin-bottom:9px}.page-title{font-size:27px;letter-spacing:-1.1px;color:#1b333d;margin:0;font-weight:800;line-height:1.2}.page-description{font-size:13px;color:#81939a;line-height:1.5;margin:9px 0 0}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border-radius:10px;border:1px solid #dce7e2;background:white;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:760;white-space:nowrap;color:#466564}.btn svg{width:16px;height:16px}.btn:hover{filter:brightness(.97)}.btn.primary{background:#236b65;color:white;border-color:#236b65}.btn.dark{background:#153941;color:white;border-color:#153941}.btn.soft{background:#e5f5ed;color:#216558;border-color:#e5f5ed}.btn.danger{background:#fbeee9;color:#a44c40;border-color:#fbeee9}.btn.tiny{padding:7px 9px;font-size:11px;border-radius:8px}.btn.square{padding:9px 10px}.btn.ghost{border-color:transparent;background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.panel{background:#fff;border:1px solid #e9f0ed;border-radius:17px;box-shadow:var(--shadow)}.panel-pad{padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head h2{font-size:15px;font-weight:800;letter-spacing:-.3px;margin:0}.panel-head p{margin:6px 0 0;color:#91a1a5;font-size:11px}.link-action{border:0;background:transparent;display:inline-flex;align-items:center;gap:5px;color:#298071;font-size:11px;font-weight:800;white-space:nowrap}.link-action svg{width:13px}.hero{background:#17363e;min-height:166px;display:flex;align-items:center;justify-content:space-between;border-radius:18px;padding:26px 32px;color:white;overflow:hidden;position:relative;margin-bottom:23px}.hero::before{content:"";position:absolute;right:-50px;top:-110px;width:370px;height:370px;border:1px solid #426867;border-radius:50%;box-shadow:0 0 0 39px #24494a,0 0 0 40px #426867,0 0 0 86px #21434a;opacity:.62}.hero::after{content:"";position:absolute;bottom:-105px;right:230px;width:180px;height:180px;border:1px solid #51716b;border-radius:50%;opacity:.3}.hero-content{position:relative;z-index:1}.hero .micro{font-size:11px;color:#b9d3c8;font-weight:750;letter-spacing:1px;text-transform:uppercase}.hero h2{font-size:22px;line-height:1.34;letter-spacing:-.6px;font-weight:780;max-width:540px;margin:12px 0 10px}.hero p{color:#a8c5bf;font-size:12px;margin:0;line-height:1.65}.hero-art{position:relative;z-index:1;width:215px;opacity:.9}.hero-art svg{width:100%;height:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #e8f0ed;border-radius:15px;padding:21px 22px;min-height:136px;box-shadow:var(--shadow)}.stat-card .stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.stat-card .stat-top span{font-size:11px;font-weight:680;color:#829597}.stat-icon{width:37px;height:37px;border-radius:11px;background:#ecf4ee;color:#277a68;display:grid;place-items:center}.stat-icon svg{width:18px}.stat-icon.gold{background:#fff4e5;color:#ca9450}.stat-icon.blue{background:#eaf3ff;color:#5b8ecb}.stat-icon.pink{background:#faeef5;color:#ba779d}.stat-main{display:flex;align-items:baseline;gap:8px}.stat-main strong{font-size:27px;line-height:1;font-weight:850;letter-spacing:-1.3px;color:#213740}.stat-main em{font-size:11px;color:#76a18b;font-weight:700;font-style:normal}.stat-bottom{font-size:10px;color:#99a9aa;margin-top:11px}.two-col{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(320px,1fr);gap:20px;margin-bottom:21px}.bar-chart{height:167px;display:flex;gap:12px;align-items:stretch;border-bottom:1px solid #e7eee9;padding:10px 8px 0}.bar-cell{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:11px;min-width:0}.bar-stick-wrap{width:100%;flex:1;display:flex;align-items:end;justify-content:center}.bar-stick{max-width:33px;width:55%;min-height:2px;border-radius:7px 7px 0 0;background:#a5d6b4;transition:height .2s}.bar-cell:last-child .bar-stick{background:#226b64}.bar-label{font-size:10px;color:#879c9b;text-align:center;white-space:nowrap}.bar-value{font-size:10px;color:#49726a;font-weight:750}.appointment{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid #eff3f1}.appointment:first-child{border-top:0;padding-top:0}.date-box{width:49px;height:50px;border-radius:11px;background:#eef6ef;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.date-box strong{font-size:17px;color:#315f55;line-height:1}.date-box small{font-size:10px;text-transform:uppercase;color:#7c9e90;margin-top:4px}.appointment-main{min-width:0;flex:1}.appointment-main strong{display:block;color:#2a4249;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-main span{font-size:11px;color:#9bacab;display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-tag{display:inline-block;background:#f4f7f5;padding:7px 9px;color:#567471;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:10px;display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;font-weight:800;white-space:nowrap;background:#e8f6ed;color:#31836a}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.orange{background:#fff3e5;color:#ca9151}.pill.gray{background:#eef2f2;color:#82918d}.pill.blue{background:#eaf3fc;color:#557fad}.pill.red{background:#fbece9;color:#b8614d}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:680px}.data-table th{font-size:10px;color:#92a4a1;letter-spacing:.5px;text-transform:uppercase;padding:11px 12px;background:#f8faf9;white-space:nowrap;font-weight:820}.data-table th:first-child{border-radius:7px 0 0 7px}.data-table th:last-child{border-radius:0 7px 7px 0}.data-table td{border-bottom:1px solid #eef2f0;padding:15px 12px;color:#57706f;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.table-name{font-size:12px;color:#27444a;font-weight:800}.person-inline{display:flex;align-items:center;gap:10px}.person-inline .avatar{height:32px;width:32px;font-size:11px}.subtle{font-size:11px;color:#9aacaa;margin-top:3px}.progress{height:7px;width:110px;border-radius:99px;background:#e8f0ea;overflow:hidden}.progress span{height:100%;display:block;background:#7abc99;border-radius:99px}.progress-text{font-size:10px;color:#648c80;font-weight:700;margin-top:5px}.empty{display:grid;place-items:center;text-align:center;padding:37px 20px;color:#91a6a2;font-size:12px;line-height:1.6}.empty svg{width:30px;height:30px;margin-bottom:8px;color:#a1cbbb}.empty strong{font-size:13px;color:#47635d}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.searchbox{display:flex;align-items:center;gap:9px;border:1px solid #e1ebe6;border-radius:10px;padding:0 13px;height:42px;background:white;min-width:250px;max-width:390px;flex:1}.searchbox svg{width:17px;color:#9baca9}.searchbox input{border:0;outline:0;font-size:12px;background:transparent;width:100%;color:#274c4b}.searchbox input::placeholder{color:#aab9b4}.filter-group{display:flex;gap:6px;align-items:center}.filter{border:1px solid #e2ebe7;background:#fff;border-radius:8px;padding:9px 12px;font-size:11px;color:#81918c;font-weight:750}.filter.active{color:#266d60;background:#e6f5ec;border-color:#d2e9dc}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.person-card{padding:23px;background:#fff;border:1px solid #e6eeea;border-radius:15px}.person-head{display:flex;align-items:center;gap:12px}.person-card .avatar{height:44px;width:44px;font-size:15px}.person-card h3{margin:0;font-size:14px;color:#29464c}.person-card p{font-size:11px;color:#99aaa7;margin:5px 0}.person-card hr{border:0;border-top:1px solid #edf2ef;margin:20px 0 16px}.person-card .detail-line{display:flex;gap:7px;color:#819995;font-size:11px;margin:10px 0}.person-card .detail-line svg{width:14px}.person-card .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.person-card .card-foot .btn{padding:7px 12px}.week-actions{display:flex;gap:8px;align-items:center}.week-actions strong{font-size:12px;color:#42645d;min-width:155px;text-align:center}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.day-col{border:1px solid #e6eeea;border-radius:12px;background:#fff;min-height:360px;padding:11px 9px;min-width:0}.day-col.is-today{border-color:#96cbae;background:#fbfefa}.day-header{text-align:center;padding:8px 0 17px;margin-bottom:9px;border-bottom:1px solid #eef2ef}.day-header small{font-size:10px;color:#9aaea7;text-transform:uppercase;font-weight:780}.day-header strong{display:flex;font-size:20px;color:#3c5c57;justify-content:center;align-items:center;margin:4px auto 0;width:33px;height:33px}.is-today .day-header strong{background:#246e63;color:#fff;border-radius:10px}.lesson-card{display:block;width:100%;text-align:left;border:0;border-left:3px solid #4a9e91;background:#eaf7f0;color:#2a6059;border-radius:8px;padding:10px 9px;margin-bottom:8px;min-height:89px}.lesson-card.theory{background:#edf3ff;border-left-color:#678dc7;color:#4a678f}.lesson-card.completed{opacity:.66}.lesson-card.canceled{opacity:.42;text-decoration:line-through}.lesson-time{font-size:10px;font-weight:800;display:block;margin-bottom:8px}.lesson-title{font-size:11px;line-height:1.4;font-weight:800;display:block;overflow-wrap:anywhere}.lesson-teacher{font-size:9px;color:#729990;display:block;margin-top:6px;overflow-wrap:anywhere}.day-add{width:100%;background:transparent;border:1px dashed #dbe8e1;border-radius:8px;padding:8px;color:#a9c1b7;font-size:12px;margin-top:3px}.day-add:hover{border-color:#75af8f;color:#2f7960}.week-list{margin-top:18px}.lesson-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eef2f0;padding:15px 0}.lesson-row:last-child{border:0}.lesson-row .time-tag{font-size:12px;min-width:66px;text-align:center}.lesson-row .flex-grow{flex:1;min-width:0}.lesson-row h3{font-size:12px;color:#2a484a;margin:0}.lesson-row p{color:#91a4a1;margin:6px 0 0;font-size:11px}.section-note{font-size:11px;color:#8d9e9e;line-height:1.6}.summary-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.summary-list .panel{padding:20px}.summary-list .num{font-size:24px;font-weight:850;letter-spacing:-1px;margin-top:12px;color:#294747}.summary-list .lbl{font-size:11px;color:#839996;font-weight:700}.notification-list .notification{display:flex;align-items:start;gap:13px;padding:18px 16px;border-bottom:1px solid #eef2f0}.notification.unread{background:#f8fcf9}.notification:first-child{border-radius:12px 12px 0 0}.notification:last-child{border-bottom:0}.notification .notif-ico{flex-shrink:0;background:#eaf7ef;color:#469073;border-radius:10px;width:36px;height:36px;display:grid;place-items:center}.notification .notif-ico svg{width:17px}.notification .content{flex:1;min-width:0}.notification strong{display:block;font-size:12px;color:#32534f}.notification p{font-size:12px;line-height:1.6;color:#879f99;margin:6px 0}.notification small{font-size:10px;color:#b1bebb}.settings-panel{max-width:670px}.info-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #eef2f0;font-size:12px}.info-row span{color:#9baaa6}.info-row strong{color:#416159;text-align:right}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:11px;color:#52716b;font-weight:800}.field input,.field select,.field textarea{background:#fff;border:1px solid #dae8e2;border-radius:9px;padding:11px 12px;color:#2c4a47;width:100%;font-size:12px;min-height:41px}.field textarea{min-height:82px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#b2c1bc}.field .hint{color:#a2b3aa;font-size:10px}.overlay-host:empty{display:none}.modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(16,39,43,.57);display:flex;justify-content:center;align-items:center;padding:15px;backdrop-filter:blur(3px)}.modal{background:#fff;width:min(610px,100%);max-height:min(92vh,850px);overflow:auto;border-radius:19px;box-shadow:0 30px 90px rgba(10,35,41,.24)}.modal-head{padding:23px 27px;border-bottom:1px solid #edf1ee;display:flex;align-items:start;justify-content:space-between}.modal-head h2{margin:0;font-size:18px;color:#24413e}.modal-head p{font-size:11px;color:#8ea39b;margin:7px 0 0}.modal-body{padding:25px 27px}.modal-foot{padding:16px 27px 24px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.toast-host{position:fixed;right:22px;bottom:20px;z-index:90;display:grid;gap:10px}.toast{border-radius:12px;background:#234c47;color:white;padding:12px 16px;min-width:240px;max-width:400px;font-size:12px;box-shadow:0 10px 28px #153e3e33}.toast.error{background:#b44944}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(300px, .92fr) minmax(380px, 1.08fr);background:#f4f8f5}.login-visual{background:#18353d;color:white;display:flex;flex-direction:column;justify-content:center;padding:8vw;position:relative;overflow:hidden}.login-visual::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid #507972;right:-170px;bottom:-180px;box-shadow:0 0 0 75px #21464a,0 0 0 76px #52786e,0 0 0 160px #1b3a42;opacity:.55}.login-visual>*{position:relative;z-index:1}.login-visual h1{font-size:clamp(32px,4vw,55px);letter-spacing:-2.5px;line-height:1.13;margin:40px 0 22px;max-width:510px}.login-visual p{font-size:15px;line-height:1.8;color:#bed4cc;max-width:420px}.login-visual .brand{margin:0}.login-benefits{margin-top:35px;display:grid;gap:16px}.login-benefits span{font-size:12px;color:#d2e2d9;display:flex;align-items:center;gap:10px}.login-benefits svg{width:17px;color:#c8e6ac}.login-side{display:grid;place-items:center;padding:30px}.login-box{width:min(100%,398px)}.login-box .eyebrow{margin-bottom:12px}.login-box h2{font-size:30px;color:#24413d;letter-spacing:-1.2px;margin:0 0 9px}.login-box p{font-size:13px;color:#95a7a0;line-height:1.6;margin:0 0 30px}.login-box .field{margin-bottom:17px}.login-box .field label{font-size:12px}.login-box .field input{background:#fff;padding:15px;font-size:13px}.login-box .btn{width:100%;padding:15px;margin-top:8px;font-size:13px}.login-demo{padding:17px;background:#eaf4ed;border-radius:12px;color:#557c65;font-size:11px;line-height:1.8;margin-top:27px}.login-demo strong{color:#315f4d}.login-small{margin-top:37px;font-size:11px;color:#9baea7}.mobile-overlay{display:none}.report-list{display:grid;gap:16px}.report-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,1.5fr) 85px;gap:15px;align-items:center;border-bottom:1px solid #eef2f0;padding:13px 0}.report-row strong{font-size:11px;color:#405e56}.report-row small{font-size:10px;color:#a1b1ab}.report-row .progress{width:100%}.report-row .hours{font-size:11px;font-weight:800;color:#527b65;text-align:right}.compact-table{min-width:580px}.warning{background:#fff6e8;color:#996e36;border-radius:9px;padding:13px 15px;font-size:11px;line-height:1.7;margin-bottom:20px}.success-banner{background:#e9f7ee;color:#256f4d;border-radius:10px;padding:15px;font-size:12px;line-height:1.8;margin-bottom:18px;overflow-wrap:anywhere}.footer-note{margin-top:28px;text-align:center;color:#a7b7b2;font-size:10px}.loading{min-height:100vh;display:grid;place-items:center;font-size:15px;color:#527c70}.loading::before{content:"";display:block;width:35px;height:35px;border-radius:50%;border:4px solid #deeee0;border-top-color:#337c6e;animation:spin .8s linear infinite;margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1290px){.topbar{padding:0 25px}.maincontent{padding:32px 25px}.stat-grid{gap:10px}.stat-card{padding:17px}.two-col{grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1070px){.sidebar{width:214px;padding:24px 13px}.maincontent{padding:28px 21px}.topbar{padding:0 21px}.week-grid{overflow-x:auto;grid-template-columns:repeat(7,minmax(118px,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.hero-art{width:170px}}@media(max-width:750px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .18s;width:255px;box-shadow:20px 0 35px #143e3e18}.sidebar.open{transform:translateX(0)}.mobile-overlay.open{display:block;position:fixed;inset:0;z-index:14;background:#0d252999}.topbar{height:67px;padding:0 16px}.mobile-menu{display:grid}.today-chip{display:none}.user-chip strong{display:none}.user-chip .avatar{width:33px;height:33px}.maincontent{padding:25px 15px 35px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:19px}.page-title{font-size:23px}.page-description{font-size:12px}.hero{padding:23px;min-height:160px}.hero h2{font-size:18px}.hero-art{display:none}.stat-grid{gap:10px}.stat-card{min-height:112px;padding:15px}.stat-icon{width:32px;height:32px}.stat-main strong{font-size:23px}.stat-card .stat-top{margin-bottom:12px}.stat-card .stat-top span{font-size:10px}.stat-bottom{font-size:10px}.cards-grid{grid-template-columns:1fr}.summary-list{grid-template-columns:1fr 1fr}.panel-pad{padding:17px}.panel-head{margin-bottom:15px}.toolbar{align-items:stretch}.searchbox{max-width:none;width:100%;flex-basis:100%}.filter-group{width:100%;overflow:auto}.week-grid{gap:7px}.day-col{min-height:260px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.modal-head,.modal-body{padding:20px}.modal-foot{padding:15px 20px 25px}.login-layout{display:block}.login-visual{display:none}.login-side{min-height:100vh}.login-box h2{font-size:27px}.report-row{grid-template-columns:1fr 1.3fr 62px;gap:10px}}@media(max-width:400px){.form-grid{grid-template-columns:1fr}.field.wide{grid-column:1}.summary-list{grid-template-columns:1fr 1fr}.week-actions strong{min-width:120px}.header-actions{width:100%}.header-actions .btn{flex:1}}
@media print{.sidebar,.topbar,.header-actions,.toolbar,.footer-note,.btn,.link-action{display:none!important}.maincontent{padding:0}.shell{display:block}.panel{break-inside:avoid}.page-title{color:black}}

/* Feuille de route / signatures : version 1.1 */
.route-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:0 0 18px}.route-filter{font-size:11px;font-weight:760;color:#476e64;display:flex;flex-direction:column;gap:7px}.route-filter input,.route-filter select{font-size:13px;border:1px solid #dae8e2;border-radius:10px;padding:10px 13px;background:white;min-width:190px;color:#24413d}
.route-paper{background:white;border:1px solid #e0eae5;border-radius:15px;box-shadow:0 9px 28px #214a4410;padding:29px 30px;margin-bottom:18px;color:#233a3f}.route-brand{display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:2px solid #295c57;padding-bottom:18px}.route-kicker{color:#35756a;font-size:10px;letter-spacing:1.2px;font-weight:840}.route-brand h2{font-size:24px;margin:8px 0 0;color:#1d4440;letter-spacing:-.8px}.route-ref{font-size:12px;color:#627b7b;text-align:right}.route-ref strong{color:#23443f}.route-ref span{display:block;margin-top:7px}.route-meta{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:15px 0;font-size:11px;color:#486b65}.route-table-wrap{width:100%;overflow-x:auto}.route-table{width:100%;border-collapse:collapse;font-size:11px;min-width:650px}.route-table th{text-align:left;background:#eaf4ee;color:#31574f;font-size:10px;padding:11px 8px;border:1px solid #cfded6}.route-table td{padding:12px 8px;border:1px solid #dfe8e3;vertical-align:middle;line-height:1.5}.route-table small{color:#84968d;font-size:9px}.route-table td strong{white-space:nowrap}.route-signcell{width:157px;text-align:center}.route-signcell small{display:block}.sign-blank{border-bottom:1px solid #9baea6;width:90%;height:34px;margin:0 auto 3px}.signature-image{height:47px;max-width:130px;object-fit:contain;display:block;margin:auto}.route-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;margin:24px 0}.route-bottom h3{font-size:11px;margin:0 0 12px}.written-lines{height:28px;border-bottom:1px dotted #afc1b5}.route-teacher-sign{border:1px solid #cadbd1;border-radius:8px;padding:13px}.route-teacher-sign small{display:block;color:#6e8580;margin-top:4px}.teacher-sign-box{height:74px;border:1px dashed #c5d4cd;border-radius:7px;display:flex;justify-content:center;align-items:center;color:#9aada7;font-size:11px}.teacher-sign-box .signature-image{max-width:210px;height:68px}.route-fineprint{border-top:1px solid #edf2ef;padding-top:12px;color:#87978e;font-size:9px}.route-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;margin:0 0 14px;border:1px solid #dbece4;border-radius:12px;padding:16px;background:#f9fdfa}.route-actions strong{font-size:13px}.route-actions p{margin:6px 0 0}.lesson-sign-controls{border:1px solid #deede5;border-radius:11px;padding:16px;margin-top:16px}.lesson-sign-controls>strong{font-size:13px}.sign-line{margin-top:12px;border-top:1px solid #edf3ee;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.signed-ok{color:#22815f;font-size:11px;font-weight:750;display:inline-flex;gap:5px;align-items:center}#signatureCanvas{display:block;width:100%;height:auto;background:#fff;border:2px dashed #b2cfc1;border-radius:10px;touch-action:none;cursor:crosshair;margin:13px 0;box-shadow:inset 0 0 0 7px #f9fcfa}
@media(max-width:750px){.route-paper{padding:18px 13px}.route-brand{display:block}.route-ref{text-align:left;margin-top:12px}.route-meta{gap:8px}.route-bottom{grid-template-columns:1fr}.route-controls{align-items:stretch}.route-filter{flex:1;min-width:165px}.route-filter input,.route-filter select{min-width:0;width:100%}.route-actions{align-items:stretch}.route-actions .btn{white-space:normal}.sign-line{flex-direction:column;align-items:start}}
@media print{
 @page{size:A4 landscape;margin:12mm}
 body{background:white!important;color:black!important;font-family:Arial,sans-serif}
 .sidebar,.topbar,.footer-note,.page-header,.route-controls,.route-actions,.no-print,.overlay-host,.toast-host{display:none!important}
 .main,.maincontent{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 .route-paper{padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
 .route-table-wrap{overflow:visible!important}.route-table{min-width:0!important;font-size:10px}
 .route-table td{padding:7px 5px!important}.route-table th{padding:7px 5px!important;background:#eaf4ee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .route-brand h2{font-size:21px}.route-bottom{margin-top:17px;break-inside:avoid}.route-paper .signature-image{max-height:45px}.route-teacher-sign .signature-image{max-height:60px}
 .route-table tr{break-inside:avoid}
}

/* AutoÉcole Pilotage V1.2 · thème Ultra tendance Bleu / Vert */
:root{--dark:#071f3a;--lime:#47e6b0;--brand-blue:#2577ff;--brand-green:#07c7a1;--vivid-shadow:0 12px 34px rgba(14,62,113,.09)}
body{background:linear-gradient(125deg,#f4faff 0%,#f0fbf8 57%,#f9fcff 100%);color:#16314b}
.sidebar{background:linear-gradient(172deg,#07182f 1%,#092b4e 52%,#075b58 120%);border-right:1px solid rgba(85,231,195,.18);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#427b8b transparent}
.brand-logo{background:linear-gradient(140deg,#2ce2c0,#72dcff);color:#07385b;box-shadow:0 9px 24px #12b7cb36}
.brand-title{letter-spacing:-.7px}.brand-title span{color:#5decc6!important}.nav-label{color:#8baabf}.nav-link{color:#bed1e0;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.nav-link:hover{background:#ffffff14;transform:translateX(2px);color:#fff}.nav-link.active{background:linear-gradient(100deg,#166ca5aa,#0ecfa43d);border:1px solid #51b7df55;color:#fff;box-shadow:inset 0 0 20px #13c3bd18}
.nav-link.active:before{background:#65ffd0}.assist-card{background:linear-gradient(130deg,#184e7b,#126a66);border-color:#2b978d88}.assist-card .tiny-circle{background:#5deac9;color:#05484b}.assist-card button{background:#5ce9cb;color:#0c3555}.signed-in{border-top-color:#ffffff25}
.main{min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:12;background:#fffefefa;border-bottom:1px solid #d9eaf3;box-shadow:0 5px 20px #123d6b0c;backdrop-filter:blur(15px);padding-left:clamp(16px,3vw,44px);padding-right:clamp(16px,3vw,44px)}
.top-actions{gap:10px;flex-shrink:0}.today-chip{background:#edf7ff;color:#347392}.user-chip .avatar{background:#d4f7ea;color:#09645c}
.logout-visible{border:1px solid #b4eddf;background:linear-gradient(115deg,#e7fdfa,#edf6ff);color:#0a6b68;font-weight:850;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;min-height:42px;white-space:nowrap;border-radius:12px;box-shadow:0 2px 8px #078e7722;cursor:pointer;flex-shrink:0}
.logout-visible:hover,.logout-visible:focus-visible{background:linear-gradient(110deg,#1a86de,#0bc8a3);color:#fff;border-color:transparent}
.page-title{color:#102d56;font-size:clamp(24px,2vw,31px);letter-spacing:-1px}.eyebrow{color:#168eb3}.page-description{color:#688397}
.panel,.stat-card,.person-card{border-color:#e4f0f6;box-shadow:var(--vivid-shadow);border-radius:19px}.panel,.stat-card{background:linear-gradient(160deg,#fff,#fbfeff)}
.btn{border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1664a11c}.btn.primary{background:linear-gradient(112deg,#2089e8,#0ecaa5);color:#fff;border-color:transparent;box-shadow:0 6px 16px #0cb4b030}.btn.soft{background:#e7f9f6;border-color:#c6f1e8;color:#086e66}.btn.dark{background:linear-gradient(120deg,#092c58,#0e6e7a)}
.hero{background:linear-gradient(115deg,#09264d 0%,#116ea0 59%,#0ac5a2 116%);box-shadow:0 16px 36px #1174a327;border-radius:22px}
.hero::before{border-color:#9eeaf755;box-shadow:0 0 0 39px #ffffff0b,0 0 0 40px #ffffff22,0 0 0 86px #ffffff10}.hero p{color:#d8f6fd}
.stat-icon{background:linear-gradient(125deg,#e1f2ff,#dffaf1);color:#1588a9}.stat-card .stat-main strong,.summary-list .num{color:#083963}
.week-grid .is-today .day-header strong,.lesson-card:not(.theory){background:linear-gradient(130deg,#e6f8ff,#e8fff4);border-left-color:#11c7a5}.lesson-card.theory{background:#eaf1ff;border-left-color:#397de5}
.field input:focus,.field select:focus,.field textarea:focus,.route-filter input:focus,.route-filter select:focus{outline:2px solid #2fb4df;outline-offset:1px;border-color:#20c7b6}
.modal{border:1px solid #d6f0f5;box-shadow:0 24px 100px #0328464d}.modal-head{background:linear-gradient(110deg,#f3faff,#f1fffa)}
.km-preview{grid-column:1/-1;background:linear-gradient(120deg,#edf7ff,#e3faf3);padding:13px 15px;border:1px solid #bfece9;border-radius:12px;color:#186d79;font-size:12px;font-weight:650}.km-preview strong{color:#066b4e;font-size:16px;margin-left:8px}
.fleet-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:23px}.fleet-stat{padding:20px;display:grid;gap:8px}.fleet-stat span{font-size:11px;color:#5f8799;font-weight:750}.fleet-stat strong{font-size:23px;letter-spacing:-1px;color:#06375e}
.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0}.fleet-card{padding:21px;transition:transform .2s ease,box-shadow .2s ease}.fleet-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #1663a01d}.fleet-card-top{display:flex;align-items:center;justify-content:space-between}.fleet-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#bce9ff,#afffe5);color:#146d91}.fleet-kind{margin-top:17px;font-size:11px;font-weight:820;color:#0b9684;letter-spacing:.2px}.fleet-kind span{color:#66839e}.fleet-card h2{font-size:27px;letter-spacing:-.7px;margin:6px 0;color:#123960}.fleet-model{font-size:12px;color:#67869b;min-height:28px}.fleet-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#eff8fb;border-radius:12px;padding:13px;margin:16px 0}.fleet-facts>div{display:flex;flex-direction:column;gap:6px}.fleet-facts small{font-size:10px;color:#68879c}.fleet-facts strong{font-size:14px;color:#0d536e}.fleet-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.fleet-footer small{color:#829cac;font-size:10px}
@media(max-width:1100px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .user-chip strong{display:none}}
@media(max-width:750px){.topbar{height:65px;padding:0 10px}.top-actions{gap:7px}.topbar .breadcrumb{font-size:10px}.topbar .breadcrumb span{margin:0 3px!important}.notif-button{width:33px;height:33px}.user-chip{display:none}.logout-visible{padding:9px 10px;min-height:37px;font-size:11px;gap:5px}.logout-visible svg{width:15px;height:15px}.fleet-grid{grid-template-columns:1fr}.fleet-summary{gap:7px}.fleet-stat{padding:14px 11px}.fleet-stat strong{font-size:16px}.fleet-stat span{font-size:9px}.route-table{min-width:880px}}
@media(max-width:370px){.logout-visible span{display:none}.logout-visible{width:38px}.breadcrumb{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media print{.fleet-grid,.fleet-summary{display:none!important}.route-table{min-width:0!important;font-size:8px}.route-table th,.route-table td{padding:6px 4px!important}.route-brand{border-color:#222!important}.route-paper{background:white!important}}