@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');
:root{font-family:Heebo,Arial,sans-serif;color:#18203a;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}a{text-decoration:none;color:inherit}svg{flex:none}.shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:none;background:#171d34;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:35px 27px 42px;direction:ltr}.brand-symbol{font-family:Arial,sans-serif;font-size:38px;font-weight:900;letter-spacing:-5px;line-height:1;color:white}.brand-symbol span{color:#a9a1f8}.brand-copy{font-size:11px;font-weight:800;letter-spacing:1.3px;line-height:1.35;white-space:nowrap}.brand-copy small{display:block;font-family:Heebo,Arial,sans-serif;font-weight:400;letter-spacing:0;direction:rtl;text-align:left;color:#9ea6bd;font-size:11px;margin-top:4px}.sidebar nav{padding:0 16px}.nav-heading{display:block;color:#8189a3;font-size:11px;font-weight:700;padding:0 15px;margin:0 0 12px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;color:#bec4d5;font-size:14px;font-weight:600}.nav-item.current{background:#343757;color:#fff}.nav-item.current svg{color:#c1b5ff}.nav-count{margin-right:auto;background:#555579;border-radius:7px;font-size:11px;padding:1px 8px}.sidebar-foot{margin-top:auto;padding:20px 16px;border-top:1px solid #30364a;display:flex;align-items:center;gap:6px}.profile{min-width:0;display:flex;align-items:center;gap:9px;flex:1}.profile-avatar{width:34px;height:34px;border-radius:10px;background:#7771bf;display:grid;place-items:center;color:white;font-size:12px;font-weight:700;flex:none}.profile strong{display:block;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.profile small{display:block;color:#939cb4;font-size:10px}.logout,.icon-button{display:grid;place-items:center;background:transparent;border:0;color:inherit;border-radius:8px;width:34px;height:34px}.logout:hover,.icon-button:hover{background:#ffffff1c}.main{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid #e9ebf1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.crumb{font-size:12px;color:#8c94a6}.crumb span{padding:0 11px;color:#c5cad5}.crumb strong{color:#29304d}.top-actions{font-size:11px;color:#65708a;display:flex;align-items:center;gap:8px}.live-dot{height:7px;width:7px;background:#35b68d;border-radius:50%;box-shadow:0 0 0 4px #e5f7ef}.content{max-width:1420px;margin:auto;padding:39px 44px 70px}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{color:#8273d7;font:700 10px Arial,sans-serif;letter-spacing:2.2px}.heading-row h1{font-size:36px;letter-spacing:-1.3px;line-height:1.25;margin:7px 0 6px}.title-accent{color:#a58df3}.heading-row p{margin:0;color:#7b8499;font-size:13px}.primary{border:0;border-radius:10px;background:#6859c3;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;font-size:12px;font-weight:700;box-shadow:0 6px 15px #6859c327;white-space:nowrap}.primary:hover{background:#5b4eb0}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:34px 0 37px}.stat{background:#fff;border:1px solid #eceef4;border-radius:14px;min-height:102px;padding:21px 23px;display:flex;align-items:center;gap:16px;box-shadow:0 3px 14px #26305806}.stat-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center}.stat-icon.purple{background:#f1edff;color:#7764d2}.stat-icon.mint{background:#e8f8ef;color:#37b084}.stat-icon.amber{background:#fff5e7;color:#e7a349}.stat small{display:block;font-size:11px;color:#8992a3}.stat strong{display:block;font-size:26px;line-height:1.35}.collection{background:#fff;border:1px solid #eceef4;border-radius:17px;min-height:420px;padding:25px;box-shadow:0 4px 18px #26305806}.collection-head{display:flex;justify-content:space-between}.collection-head h2{font-size:18px;margin:0}.collection-head p{font-size:11px;color:#8a93a4;margin:3px 0 0}.filters{display:flex;gap:10px;margin:23px 0 20px}.search,.select-wrap{border:1px solid #e8ebf2;border-radius:9px;background:#fff;display:flex;align-items:center;gap:9px;color:#8892a5;padding:0 13px;height:42px}.search{width:min(360px,100%)}.search input{width:100%;border:0;outline:none;background:transparent;font-size:12px;color:#202845}.search input::placeholder{color:#a4abbb}.select-wrap select{appearance:none;min-width:120px;border:0;outline:none;background:transparent;color:#677087;font-size:12px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.student-card{text-align:right;border:1px solid #e9ecf3;background:#fff;border-radius:13px;padding:21px;min-height:195px;display:flex;flex-direction:column;color:#1f2944;transition:transform .18s,border-color .18s,box-shadow .18s}.student-card:hover{transform:translateY(-3px);border-color:#c9beef;box-shadow:0 12px 26px #353b6720}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;font-size:13px;font-weight:800}.avatar.green{background:#e8f5dc;color:#5b8d38}.avatar.orange{background:#fff0e7;color:#c86b39}.avatar.neutral{background:#ebeafd;color:#7268b6}.status{font-size:10px;color:#a16b37;background:#fff5e8;border-radius:20px;padding:4px 9px;display:flex;align-items:center;gap:5px}.status.active{background:#e9f8f0;color:#3ba880}.status span{width:5px;height:5px;border-radius:50%;background:currentColor}.card-name{font-size:16px;font-weight:700;margin-top:16px;line-height:1.4}.card-sub{color:#8c95a7;font-size:11px;margin-top:3px}.dot-sep{padding:0 4px}.card-divider{height:1px;background:#f0f1f5;margin:16px 0 12px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#929baa;font-size:10px}.card-bottom>span:first-child{display:flex;align-items:center;gap:5px}.card-arrow{color:#887cd2}.empty{grid-column:1/-1;display:grid;place-items:center;min-height:180px;color:#929aab;font-size:13px}.drawer-overlay{position:fixed;inset:0;background:#12192b78;z-index:5}.drawer{position:fixed;z-index:6;top:0;left:0;bottom:0;width:min(680px,100vw);background:#fff;box-shadow:20px 0 70px #10142b35;display:flex;flex-direction:column}.drawer-header{height:62px;display:flex;align-items:center;gap:12px;padding:0 27px;border-bottom:1px solid #edf0f4;color:#8c95a5;font-size:12px;flex:none}.drawer-header .icon-button{color:#6f7891;background:#f4f5f9}.drawer-scroll{overflow:auto;flex:1}.student-hero{display:flex;align-items:center;gap:16px;padding:28px 35px}.avatar.large{width:64px;height:64px;border-radius:16px;font-size:20px}.student-hero h2{font-size:22px;margin:0 0 2px}.student-hero p{color:#8992a6;font-size:12px;margin:0}.tabs{padding:0 35px;border-bottom:1px solid #e9ebf1;display:flex;gap:25px}.tabs button{border:0;background:none;color:#8490a3;padding:0 0 13px;font-size:12px;font-weight:600;border-bottom:2px solid transparent}.tabs button.selected{color:#695bc2;border-color:#7565cf}.tabs span{font-size:10px;background:#edf0f5;border-radius:8px;padding:1px 6px;margin-right:3px}.drawer-body{padding:12px 35px 35px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px}.section-heading h3{font-size:14px;margin:0}.section-heading span{font-size:10px;color:#9aa1af}.section-heading.with-button{margin-top:31px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field span,.notes-panel label{font-size:11px;font-weight:600;color:#6d7890}.field input,.field select,.field textarea,.notes-panel textarea{width:100%;border:1px solid #e6e9f0;border-radius:8px;padding:9px 11px;background:#fbfcfe;color:#28324b;outline:none;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,.notes-panel textarea:focus{border-color:#a89beb;background:#fff}.field textarea{resize:vertical}.field:has(textarea){grid-column:1/-1}.muted{color:#9aa2af;font-size:12px}.full{grid-column:1/-1}.text-button{border:0;background:none;color:#7466cb;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.form-actions{border-top:1px solid #edf0f3;margin-top:28px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.form-actions span{display:flex;align-items:center;gap:4px;color:#9aa3b1;font-size:10px}.notes-panel form{display:flex;flex-direction:column;gap:10px;margin-top:23px}.notes-panel textarea{resize:vertical}.notes-panel form button{align-self:start}.note{border:1px solid #edf0f4;border-radius:10px;padding:16px;margin:10px 0}.note-meta{display:flex;justify-content:space-between;font-size:10px;color:#8993a4}.note-meta strong{color:#59647a}.note p{font-size:12px;line-height:1.8;margin:10px 0 0;white-space:normal}.history-list{padding-top:14px}.history-item{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #edf0f3}.history-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f0edff;color:#7769cc}.history-item strong{font-size:12px}.history-item p{font-size:11px;color:#7d879b;margin:3px 0}.history-item small{font-size:10px;color:#a3abba}.modal-cover{position:fixed;z-index:10;inset:0;background:#11182b91;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:16px;width:min(460px,100%);padding:25px;box-shadow:0 25px 60px #11182b30}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:19px;margin:0}.modal-head .icon-button{color:#677087}.modal>p{font-size:12px;color:#8c95a6;margin:8px 0 20px}.modal form{display:flex;flex-direction:column;gap:15px}.modal form .field-grid{gap:10px}.modal .wide{margin-top:7px}.toast{position:fixed;z-index:20;bottom:22px;left:22px;background:#26364f;color:#fff;border-radius:9px;padding:12px 18px;box-shadow:0 8px 25px #11182b45;font-size:12px}.toast.bad{background:#b44d50}.login-page{min-height:100vh;background:#f4f5fb;display:grid;place-items:center;padding:25px}.login-card{width:min(960px,100%);min-height:550px;background:#fff;border-radius:24px;box-shadow:0 20px 70px #1a204418;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;overflow:hidden}.brand-login{grid-column:1/-1;padding:25px 34px 16px;direction:ltr}.brand-login .brand-symbol{color:#171d34}.brand-login .brand-copy{color:#171d34}.brand-login .brand-copy small{color:#9299a9}.login-art{grid-row:2;grid-column:2;background:linear-gradient(145deg,#22294a,#4c4b88);position:relative;overflow:hidden;display:flex;align-items:end;padding:55px;color:#fff;font-size:27px;font-weight:700}.orb{position:absolute;border-radius:50%;border:1px solid #ffffff35}.orb-one{width:370px;height:370px;top:-75px;right:-110px;background:#938fe73b;box-shadow:0 0 0 40px #ffffff08,0 0 0 85px #ffffff07}.orb-two{width:230px;height:230px;bottom:45px;left:-85px;background:#e2ad8f20}.login-art span{position:relative;z-index:1}.login-content{grid-row:2;grid-column:1;padding:45px 55px 55px;display:flex;flex-direction:column;justify-content:center}.login-content h1{font-size:33px;line-height:1.3;margin:11px 0}.login-content p{font-size:13px;line-height:1.8;color:#81899a;margin:0 0 25px}.login-content form{display:flex;flex-direction:column;gap:8px}.login-content label{font-size:11px;font-weight:700}.login-content input{height:43px;border:1px solid #e1e5ee;border-radius:8px;padding:0 13px;outline:none;direction:ltr;text-align:left}.login-content form button{margin-top:7px}.login-content .form-message{margin:15px 0 0;color:#427f65;background:#edf8f1;padding:9px;border-radius:7px}.login-note{display:block;text-align:center;color:#a4aab7;margin-top:18px;font-size:10px}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:35px 30px}.topbar{padding:0 30px}}@media(max-width:760px){.sidebar{width:63px}.brand{padding:26px 12px}.brand-copy,.nav-heading,.nav-item span,.profile strong,.profile small,.logout{display:none}.nav-item{justify-content:center;padding:12px}.sidebar nav{padding:0 8px}.sidebar-foot{padding:16px 14px}.profile-avatar{width:34px}.topbar{height:58px;padding:0 20px}.content{padding:27px 20px}.heading-row h1{font-size:29px}.stats{gap:8px}.stat{padding:13px;min-height:80px;gap:7px}.stat-icon{width:38px;height:38px}.stat small{font-size:9px}.stat strong{font-size:20px}.collection{padding:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.search{width:100%}.select-wrap{flex:1}.select-wrap select{min-width:0;width:100%}.login-card{grid-template-columns:1fr}.login-art{display:none}.login-content{padding:30px}}@media(max-width:510px){.heading-row{align-items:flex-start}.heading-row .primary{padding:10px;font-size:0}.heading-row .primary svg{width:20px;height:20px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-icon{display:none}.stat{padding:12px}.grid{grid-template-columns:1fr}.student-card{min-height:160px}.drawer-body{padding:12px 20px 30px}.student-hero,.tabs{padding-right:20px;padding-left:20px}.field-grid{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.login-content h1{font-size:27px}}