:root{--navy:#071a2f;--navy2:#0a2745;--blue:#0750a7;--cyan:#16a7c9;--ink:#17263a;--muted:#728096;--line:#e3eaf1;--bg:#f2f6fa;--white:#fff;--green:#16a06a;--red:#d44a4a;--orange:#ed8b2e;--purple:#7559d9;--shadow:0 12px 30px rgba(18,50,83,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.icon{width:20px;height:20px;display:inline-block;flex:0 0 auto}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,var(--navy),#061322);color:#d7e5f4;padding:24px 16px 18px;z-index:30;display:flex;flex-direction:column;box-shadow:14px 0 50px rgba(4,22,40,.1)}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:20px;background:linear-gradient(135deg,#0c64c9,#16bbd5);box-shadow:0 9px 25px #0b76bb55}.brand strong{font-size:14px;display:block;color:#fff}.brand small{font-size:10px;color:#7f99b2;text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:4px}.sidebar-nav{padding-top:17px;overflow:auto}.sidebar-nav p{font-size:10px;text-transform:uppercase;color:#54718d;letter-spacing:.14em;font-weight:800;margin:14px 12px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;border-radius:11px;text-decoration:none;color:#9fb3c8;font-weight:650;transition:.2s}.nav-item .icon{width:18px}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(11,94,196,.75),rgba(22,167,201,.25));box-shadow:inset 3px 0 #36d0e4}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.sidebar-user a{display:flex;gap:10px;align-items:center;text-decoration:none;padding:7px}.mini-avatar{width:36px;height:36px;border-radius:50%;background:#e9f4ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.sidebar-user b,.sidebar-user small{display:block}.sidebar-user b{font-size:12px;color:#fff}.sidebar-user small{font-size:10px;color:#6f8aa5;text-transform:capitalize;margin-top:2px}.main{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;padding:0 30px;display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.page-title{min-width:220px}.page-title small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.page-title h1{font-size:21px;margin:3px 0 0}.global-search{margin-left:auto;display:flex;align-items:center;gap:9px;background:#f3f6f9;border:1px solid #e8edf2;border-radius:12px;padding:9px 13px;width:min(330px,33vw)}.global-search .icon{width:17px;color:#8997a8}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.top-actions{display:flex;gap:7px}.top-actions form{display:contents}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center;cursor:pointer;color:#4d6074;text-decoration:none;transition:.18s}.icon-btn:hover{color:var(--blue);border-color:#b6d0ec;transform:translateY(-1px)}.menu-btn{display:none}.content{padding:26px 30px 40px;flex:1}.footer{display:flex;justify-content:space-between;color:#8a96a5;font-size:11px;padding:20px 30px 28px}.mobile-nav,.sidebar-overlay{display:none}.toast{position:fixed;right:28px;top:94px;z-index:60;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;box-shadow:0 15px 45px rgba(10,37,67,.18);background:#fff;transition:.4s}.toast>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.toast.success>span{background:#e7f8ef;color:var(--green)}.toast.error>span{background:#ffeded;color:var(--red);font-weight:900}.toast button{border:0;background:transparent;font-size:20px;color:#8b98a7;cursor:pointer;margin-left:10px}.toast-hide{opacity:0;transform:translateY(-10px);pointer-events:none}
.hero{background:linear-gradient(120deg,#09294b,#0750a7 62%,#12a6c5);border-radius:20px;color:#fff;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(7,80,167,.2)}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.hero:before{width:260px;height:260px;right:-100px;top:-150px}.hero:after{width:170px;height:170px;right:80px;bottom:-130px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;opacity:.7}.hero h2{font-size:24px;margin:6px 0}.hero p{margin:0;opacity:.75}.hero-actions{position:relative;z-index:1;display:flex;gap:9px}.btn{border:0;border-radius:11px;padding:11px 16px;background:var(--blue);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer;box-shadow:0 7px 18px rgba(7,80,167,.18);transition:.18s}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn .icon{width:17px}.btn-light{background:#fff;color:var(--blue)}.btn-soft{background:#eaf3fc;color:var(--blue);box-shadow:none}.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-danger{background:#fff0f0;color:#bc3333;box-shadow:none}.btn-sm{padding:8px 11px;font-size:12px;border-radius:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stat-card{background:#fff;border:1px solid #e7edf3;border-radius:16px;padding:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-28px;top:-28px;background:var(--accent,#0750a7);opacity:.08}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#0750a7) 11%,white);color:var(--accent,#0750a7)}.stat-icon .icon{width:18px}.stat-card small{font-size:11px;color:var(--muted)}.stat-card h3{font-size:23px;margin:13px 0 2px;letter-spacing:-.03em}.stat-card .trend{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:18px}.card{background:#fff;border:1px solid #e4ebf1;border-radius:17px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf1f5;gap:12px}.card-head h3{margin:0;font-size:15px}.card-head p{margin:4px 0 0;font-size:10px;color:var(--muted)}.card-body{padding:20px}.link{font-size:11px;color:var(--blue);font-weight:750;text-decoration:none}.status-chart{height:210px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding-top:6px}.bar-item{height:100%;min-width:54px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.bar-track{height:132px;width:26px;border-radius:10px;background:#f0f4f8;display:flex;align-items:flex-end;overflow:hidden;margin-bottom:7px}.bar-track span{display:block;width:100%;border-radius:10px 10px 0 0;background:linear-gradient(180deg,hsl(calc(205 + var(--i)*18),80%,55%),hsl(calc(215 + var(--i)*18),75%,38%));min-height:8px}.bar-item b{font-size:12px}.bar-item small{font-size:9px;color:var(--muted);max-width:70px;margin-top:3px}.progress-ring{--p:0;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;margin:5px auto 16px;background:conic-gradient(var(--cyan) calc(var(--p)*1%),#eaf0f5 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.progress-ring div{position:relative;text-align:center}.progress-ring strong{font-size:23px;display:block}.progress-ring small{color:var(--muted);font-size:9px}.money-list{display:grid;gap:10px}.money-row{display:flex;justify-content:space-between;font-size:11px}.money-row span{color:var(--muted)}.money-row b{font-size:12px}.recent-list{padding:0}.recent-item{display:flex;align-items:center;gap:11px;padding:12px 20px;border-bottom:1px solid #edf1f5;text-decoration:none}.recent-item:last-child{border-bottom:0}.recent-item:hover{background:#f8fbfd}.avatar{width:38px;height:38px;border-radius:11px;object-fit:cover;background:#e9eff5;border:1px solid #e2e9ef;flex:0 0 auto}.avatar-fallback{display:grid;place-items:center;color:var(--blue);background:#eaf3fc;font-weight:850;font-size:12px}.recent-item .info{min-width:0;flex:1}.recent-item b,.recent-item small{display:block}.recent-item b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item small{font-size:10px;color:var(--muted);margin-top:3px}.recent-item .icon{width:15px;color:#a0adba}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.filter-form{display:flex;flex-wrap:wrap;gap:8px}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid #dbe4ec;border-radius:10px;background:#fff;color:var(--ink);outline:0}.input:focus,.select:focus,.textarea:focus{border-color:#86b7eb;box-shadow:0 0 0 3px rgba(7,80,167,.08)}.filter-form .input{width:220px}.filter-form .select{width:170px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:880px}.data-table th{background:#f7f9fb;color:#6f7f91;text-transform:uppercase;letter-spacing:.06em;font-size:9px;text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:11px 13px;border-bottom:1px solid #edf1f4;font-size:11px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdff}.student-cell{display:flex;align-items:center;gap:10px}.student-cell b,.student-cell small{display:block}.student-cell small{color:var(--muted);margin-top:2px}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;font-weight:750;font-size:9px;white-space:nowrap}.status-green{background:#e7f8ef;color:#137346}.status-blue{background:#e8f3ff;color:#1764ab}.status-orange{background:#fff2e5;color:#b96516}.status-purple{background:#f0ecff;color:#674cb6}.status-red{background:#ffebeb;color:#b83a3a}.status-gray{background:#eef2f5;color:#667584}.actions-cell{display:flex;gap:5px}.table-action{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;color:#607186;cursor:pointer}.table-action .icon{width:14px}.table-action:hover{color:var(--blue);border-color:#b6cee6}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.pages{display:flex;gap:5px}.pages a,.pages span{min-width:30px;height:30px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;text-decoration:none}.pages .active{background:var(--blue);border-color:var(--blue);color:#fff}.empty-state{padding:40px 20px;text-align:center;color:var(--muted)}.empty-state.small{padding:20px}
.form-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px}.photo-card{padding:20px;text-align:center;height:max-content;position:sticky;top:108px}.photo-preview{width:112px;height:132px;object-fit:cover;border-radius:17px;border:1px solid var(--line);background:#edf2f7}.upload-label{display:block;margin:13px auto 0}.upload-label input{display:none}.form-main{overflow:hidden}.tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);overflow:auto}.tab{border:0;background:transparent;padding:10px 13px;border-radius:9px;cursor:pointer;color:#758497;font-size:11px;font-weight:750;white-space:nowrap}.tab.active{background:#eaf3fc;color:var(--blue)}.form-panel{display:none;padding:22px}.form-panel.active{display:block}.form-section-title{margin:0 0 16px;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field.full{grid-column:1/-1}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#657589;font-weight:750;margin:0 0 6px}.textarea{min-height:92px;resize:vertical}.form-actions{border-top:1px solid var(--line);padding:14px 22px;display:flex;justify-content:flex-end;gap:8px}
.profile-hero{display:flex;align-items:center;gap:18px;padding:22px;background:linear-gradient(115deg,#0a2a4a,#0750a7);color:#fff;border-radius:17px;margin-bottom:18px}.profile-photo{width:78px;height:78px;border-radius:20px;object-fit:cover;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:27px;font-weight:900}.profile-hero h2{margin:0 0 5px}.profile-hero p{margin:0;opacity:.72}.profile-hero .profile-actions{margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.detail{padding:14px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail:nth-child(4n){border-right:0}.detail small,.detail b{display:block}.detail small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.detail b{font-size:12px;word-break:break-word}.section-space{margin-top:18px}.finance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.finance-summary>div{background:#fff;padding:16px}.finance-summary small,.finance-summary b{display:block}.finance-summary small{font-size:9px;color:var(--muted);text-transform:uppercase}.finance-summary b{font-size:18px;margin-top:6px}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.modal{position:fixed;inset:0;background:rgba(4,19,35,.55);backdrop-filter:blur(4px);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(540px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.25);overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head button{border:0;background:transparent;font-size:22px;cursor:pointer}.modal-body{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.activity-list{list-style:none;margin:0;padding:0}.activity-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);margin-top:4px;box-shadow:0 0 0 5px #e8f7fa}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:11px}.activity-item small{font-size:9px;color:var(--muted);margin-top:4px}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.report-card{padding:20px}.report-card .stat-icon{margin-bottom:16px}.report-card h3{font-size:14px;margin:0 0 7px}.report-card p{font-size:11px;line-height:1.5;color:var(--muted);min-height:34px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-visual{background:radial-gradient(circle at 80% 10%,#168fb5 0,transparent 25%),linear-gradient(145deg,#06172a,#073e78);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-visual:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;top:70px}.login-brand{display:flex;gap:12px;align-items:center;position:relative}.login-brand .brand-mark{color:#fff}.login-copy{position:relative;max-width:520px}.login-copy small{text-transform:uppercase;letter-spacing:.16em;color:#64d8ec}.login-copy h1{font-size:46px;line-height:1.1;margin:12px 0 16px}.login-copy p{font-size:15px;line-height:1.7;color:#9fb8cf}.login-meta{position:relative;font-size:11px;color:#6685a1}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:min(380px,100%)}.login-form h2{font-size:27px;margin:0 0 6px}.login-form>p{color:var(--muted);margin:0 0 28px}.login-form .field{margin-bottom:15px}.login-form .btn{width:100%;padding:13px;margin-top:8px}.login-note{display:flex;align-items:center;gap:8px;color:#8593a3;font-size:10px;margin-top:22px}.login-note .icon{width:15px}.login-alert{background:#fff0f0;color:#a83838;padding:11px;border-radius:9px;margin-bottom:15px;font-size:11px}
.text-orange{color:var(--orange)}.profile-hero>.avatar{width:78px;height:78px;border-radius:20px;font-size:24px}.profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.compact-tasks{display:grid}.compact-task{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line)}.compact-task:last-child{border-bottom:0}.compact-task>div{flex:1;min-width:0}.compact-task b,.compact-task small{display:block}.compact-task b{font-size:11px}.compact-task small{font-size:9px;color:var(--muted);margin-top:3px}.compact-task time{font-size:10px;color:var(--muted);white-space:nowrap}.priority{display:inline-flex;padding:5px 7px;border-radius:7px;font-size:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;white-space:nowrap}.priority-urgent{background:#ffe8e8;color:#bc2f2f}.priority-high{background:#fff0df;color:#b9610f}.priority-medium{background:#e8f3ff;color:#1764ab}.priority-low{background:#edf2f5;color:#637487}.task-done{opacity:.58}.task-done h3,.task-done b{text-decoration:line-through}.timeline{padding:8px 20px 18px}.timeline-item{display:flex;gap:13px;position:relative;padding:14px 0 5px}.timeline-item>span{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #e7f7fa;flex:0 0 auto;margin-top:3px}.timeline-item:not(:last-child):after{content:"";position:absolute;left:5px;top:30px;bottom:-10px;width:1px;background:#cce3e9}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:11px}.timeline-item small{font-size:9px;color:var(--muted);margin-top:3px}.timeline-item p{font-size:10px;margin:5px 0 0;color:#56677a}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.document-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:11px;background:#fbfdff}.doc-icon{width:38px;height:38px;border-radius:10px;background:#eaf3fc;color:var(--blue);display:grid;place-items:center}.doc-icon .icon{width:18px}.document-card>div:nth-child(2){min-width:0;flex:1}.document-card b,.document-card small,.document-card em{display:block}.document-card b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card small,.document-card em{font-size:8.5px;color:var(--muted);margin-top:3px}.document-card em{font-style:normal}.doc-actions{display:flex;gap:4px}.doc-actions form{display:contents}.task-board{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.task-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:185px}.task-card-head,.task-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card-head time{font-size:9px;color:var(--muted)}.task-card h3{font-size:13px;margin:16px 0 7px}.task-card p{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 13px;flex:1}.student-link{font-size:9px;color:var(--blue);font-weight:700;text-decoration:none;margin-bottom:13px}.task-actions{border-top:1px solid var(--line);padding-top:11px}.task-actions form{display:flex}.batch-layout{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);align-items:start}.batch-list{padding:8px 18px 18px}.batch-card{padding:14px 0;border-bottom:1px solid var(--line)}.batch-card:last-child{border-bottom:0}.batch-top{display:flex;align-items:center;justify-content:space-between}.batch-top b,.batch-top small{display:block}.batch-top b{font-size:12px}.batch-top small{font-size:9px;color:var(--muted);margin-top:3px}.capacity{height:6px;border-radius:8px;background:#edf2f6;margin:12px 0 8px;overflow:hidden}.capacity span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:8px}.batch-meta{display:flex;gap:14px;color:var(--muted);font-size:9px}.import-layout{align-items:start}.import-drop{border:2px dashed #c9d7e5;border-radius:16px;padding:32px;text-align:center;background:#f8fbfe}.import-drop>.icon{width:40px;height:40px;color:var(--blue)}.import-drop h3{margin:12px 0 6px}.import-drop p{color:var(--muted);font-size:10px;line-height:1.5}.import-drop input{margin-top:15px;background:#fff}.guide-list{list-style:none;padding:0;margin:0 0 20px;counter-reset:steps}.guide-list li{position:relative;padding:0 0 16px 38px;counter-increment:steps}.guide-list li:before{content:counter(steps);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;background:#eaf3fc;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:850}.guide-list b,.guide-list span{display:block}.guide-list b{font-size:11px}.guide-list span{font-size:9px;color:var(--muted);margin-top:3px}.tag-cloud{padding:18px;display:flex;flex-wrap:wrap;gap:8px}.tag-cloud code{padding:7px 9px;border-radius:8px;background:#eef4f8;color:#36536f;font-size:9px}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(3,1fr)}.detail:nth-child(4n){border-right:1px solid var(--line)}.detail:nth-child(3n){border-right:0}.report-cards{grid-template-columns:repeat(2,1fr)}.task-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(5,20,36,.45);z-index:25}.sidebar-open .sidebar-overlay{display:block}.main{margin-left:0}.menu-btn{display:grid}.global-search{display:none}.topbar{padding:0 20px}.content{padding:20px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.form-shell{grid-template-columns:1fr}.photo-card{position:static}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail:nth-child(3n){border-right:1px solid var(--line)}.detail:nth-child(2n){border-right:0}}
@media(max-width:640px){body{padding-bottom:69px}.topbar{height:70px;padding:0 14px;gap:12px}.page-title{min-width:0}.page-title small{display:none}.page-title h1{font-size:17px}.top-actions .icon-btn:first-child{display:none}.icon-btn{width:36px;height:36px}.content{padding:14px}.footer{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:45;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav .nav-item{margin:0;padding:7px 2px;display:flex;flex-direction:column;justify-content:center;gap:3px;border-radius:0;color:#8593a2;font-size:9px}.mobile-nav .nav-item .icon{width:19px;height:19px}.mobile-nav .nav-item.active{background:transparent;box-shadow:none;color:var(--blue)}.hero{padding:20px;align-items:flex-start}.hero h2{font-size:20px}.hero p{font-size:11px}.hero-actions{flex-direction:column}.hero-actions .btn{font-size:0;padding:10px}.hero-actions .btn .icon{margin:0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0}.stat-card{padding:13px}.stat-card h3{font-size:18px}.stat-card small{font-size:9px}.stat-icon{width:32px;height:32px}.card-head{padding:15px}.card-body{padding:15px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-right,.toolbar-left{justify-content:space-between}.filter-form{display:grid;grid-template-columns:1fr 1fr}.filter-form .input{width:auto;grid-column:1/-1}.filter-form .select{width:auto}.filter-form .btn{grid-column:1/-1}.data-table{min-width:760px}.form-grid,.two-col{grid-template-columns:1fr}.field.full{grid-column:auto}.form-panel{padding:17px 14px}.tabs{padding:6px}.form-actions{padding:13px}.profile-hero{padding:17px;align-items:flex-start;flex-wrap:wrap}.profile-photo{width:58px;height:58px;border-radius:15px}.profile-hero .profile-actions{margin-left:0;width:100%}.detail-grid{grid-template-columns:1fr 1fr}.detail{padding:12px}.finance-summary{grid-template-columns:1fr 1fr}.report-cards{grid-template-columns:1fr}.report-card p{min-height:0}.toast{left:12px;right:12px;top:79px}.login-form-wrap{padding:28px 20px}.modal{padding:10px}.modal-card{border-radius:15px}.status-chart{overflow-x:auto;justify-content:flex-start}.bar-item{min-width:68px}}
@media(max-width:900px){.batch-layout{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr}}
@media(max-width:640px){.task-board{grid-template-columns:1fr}.profile-hero>.avatar{width:58px;height:58px;border-radius:15px}.profile-actions .btn{flex:1;font-size:10px}.document-grid{padding:10px}.compact-task{padding:12px}.batch-meta{flex-wrap:wrap}.import-drop{padding:22px 14px}}

/* V4 timeline entry helpers */
body{font-family:Inter,"Noto Sans Bengali","Nirmala UI","Segoe UI",Roboto,Arial,sans-serif}.timeline-top-button{color:#0750a7;background:linear-gradient(135deg,#eef6ff,#eefbfd);border-color:#cfe2f5}.timeline-top-button:hover{color:#043d80;border-color:#9fc5ea}.dashboard-timeline-bar{display:flex;align-items:center;gap:13px;margin-top:15px;padding:13px 15px;background:linear-gradient(90deg,#fff,#f2f9ff);border:1px solid #dbe8f4;border-radius:16px;box-shadow:var(--shadow)}.dashboard-timeline-bar>div:nth-child(2){min-width:190px;flex:1}.dashboard-timeline-bar b,.dashboard-timeline-bar small{display:block}.dashboard-timeline-bar b{font-size:12px}.dashboard-timeline-bar small{font-size:9px;color:var(--muted);margin-top:3px}.timeline-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0750a7,#16a7c9);color:#fff}.timeline-mark .icon{width:22px}@media(max-width:640px){.dashboard-timeline-bar{align-items:flex-start;flex-wrap:wrap}.dashboard-timeline-bar .btn{flex:1}.hero-actions{flex-wrap:wrap}}

/* V4 Timeline */
.timeline-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.75fr);gap:18px;align-items:start}.timeline-composer{padding:22px}.composer-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.composer-title h3,.composer-title p{margin:0}.composer-title p{color:var(--muted);font-size:12px;margin-top:3px}.post-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0750a7,#16a7c9);color:#fff;font-weight:800;flex:none}.timeline-composer>.textarea{min-height:120px;margin-bottom:14px}.timeline-drop{position:relative;display:grid;place-items:center;gap:5px;min-height:125px;padding:18px;border:2px dashed #bfd0e3;border-radius:15px;background:#f7fafd;text-align:center;cursor:pointer;transition:.2s}.timeline-drop.dragging{border-color:#0750a7;background:#edf5ff;transform:scale(1.005)}.timeline-drop .icon{width:28px;height:28px;color:#0750a7}.timeline-drop small{color:var(--muted)}.timeline-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.paste-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.paste-previews figure{margin:0;width:74px;height:74px;border-radius:10px;overflow:hidden;border:1px solid var(--line);position:relative}.paste-previews img{width:100%;height:100%;object-fit:cover}.composer-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.composer-submit{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.feed-stack,.portal-feed{display:grid;gap:16px}.social-post{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.social-post>header{display:flex;align-items:center;gap:11px;padding:17px 18px}.social-post>header>div{flex:1}.social-post header b,.social-post header small{display:block}.social-post header small{font-size:11px;color:var(--muted);margin-top:3px}.post-body{padding:0 19px 17px;white-space:normal;line-height:1.65}.post-tags{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 15px}.post-tags span{padding:6px 10px;border-radius:999px;background:#eef5fc;color:#0750a7;font-size:11px;font-weight:700}.post-media{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;max-height:580px;overflow:hidden;background:#e5ebf1}.post-media.count-1{grid-template-columns:1fr}.post-media img{width:100%;height:285px;display:block;object-fit:cover}.post-media.count-1 img{height:auto;max-height:600px;object-fit:contain;background:#0c1620}.post-meta{display:flex;justify-content:space-between;padding:10px 18px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.post-comments{display:grid;gap:8px;padding:12px 18px}.post-comments>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;padding:9px 11px;border-radius:12px;background:#f4f7fa;font-size:12px}.post-comments small{color:var(--muted);font-size:10px}.comment-form{display:flex;gap:8px;padding:0 18px 16px}.comment-form .input{flex:1}.post-delete{position:absolute;right:14px;top:62px}.inline-link-form{display:flex;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.inline-link-form .select{flex:1}
/* V4 leads, reports and finance */
.lead-summary{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:16px}.lead-summary>div,.lead-summary>a{display:block;padding:14px;border:1px solid var(--line);background:#fff;border-radius:13px;text-decoration:none;color:inherit;box-shadow:var(--shadow)}.lead-summary small,.lead-summary b{display:block}.lead-summary small{color:var(--muted);font-size:10px}.lead-summary b{font-size:21px;margin-top:7px}.mini-progress{height:6px;width:90px;background:#e6edf4;border-radius:10px;overflow:hidden}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#0750a7,#16a7c9);border-radius:10px}.report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.report-tabs a{padding:10px 13px;border-radius:10px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--text);font-size:12px;font-weight:700}.report-tabs a.active{background:#0750a7;color:#fff;border-color:#0750a7}.modal-wide{max-width:900px}.finance-summary{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
/* V4 live chat */
.chat-shell{display:grid;grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 150px);min-height:560px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.chat-contacts{border-right:1px solid var(--line);overflow:auto}.chat-contact{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:inherit;border-top:1px solid #edf1f5}.chat-contact.active{background:#edf5ff}.chat-contact>div{flex:1}.chat-contact b,.chat-contact small{display:block}.chat-contact small{color:var(--muted);font-size:10px}.chat-contact em{font-style:normal;background:#e13c50;color:#fff;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;font-size:10px}.chat-panel,.portal-chat{display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:#eef3f8}.chat-panel>header,.portal-chat>header{padding:15px 18px;background:#fff;border-bottom:1px solid var(--line)}.chat-panel h3,.portal-chat h2{margin:0 0 4px}.chat-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:72%;display:flex;flex-direction:column;align-self:flex-start}.chat-bubble span{padding:10px 13px;background:#fff;border-radius:5px 14px 14px 14px;box-shadow:0 2px 7px #1c3d6414;line-height:1.5}.chat-bubble small{font-size:9px;color:var(--muted);margin:4px 5px}.chat-bubble.mine{align-self:flex-end}.chat-bubble.mine span{background:#0750a7;color:#fff;border-radius:14px 5px 14px 14px}.chat-bubble.mine small{text-align:right}.chat-compose{display:flex;gap:10px;padding:12px;background:#fff;border-top:1px solid var(--line)}.chat-compose .textarea{min-height:45px;resize:none}.chat-compose .btn{align-self:stretch}.portal-chat{height:70vh;min-height:500px;border:1px solid var(--line);border-radius:18px;overflow:hidden}
/* Agent portal V4 */
.portal{min-height:100vh;background:#f2f6fa}.portal-head{background:linear-gradient(120deg,#071a2f,#0750a7);color:#fff;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between}.portal-brand{display:flex;align-items:center;gap:12px}.portal-brand small{display:block;opacity:.7;margin-top:2px}.portal-head form{margin:0}.portal-nav{display:flex;justify-content:center;gap:6px;padding:9px 15px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.portal-nav a{padding:9px 15px;border-radius:9px;text-decoration:none;color:var(--text);font-weight:700;font-size:12px}.portal-nav a.active{background:#0750a7;color:#fff}.portal-main{max-width:1180px;margin:0 auto;padding:25px 18px}.portal-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.portal-welcome h1,.portal-welcome p{margin:0}.portal-welcome p{color:var(--muted);margin-top:4px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.portal-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.portal-card small{color:var(--muted)}.portal-card h3{margin:9px 0 0;font-size:20px}.portal-feed{max-width:760px;margin:0 auto}
@media(max-width:1050px){.timeline-layout{grid-template-columns:1fr}.timeline-layout>aside{display:none}.composer-options{grid-template-columns:1fr 1fr}.lead-summary{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.composer-options{grid-template-columns:1fr}.post-media img{height:190px}.chat-shell{grid-template-columns:1fr;height:auto}.chat-contacts{max-height:220px;border-right:0;border-bottom:1px solid var(--line)}.chat-panel{height:65vh}.lead-summary{grid-template-columns:1fr 1fr}.inline-link-form,.comment-form,.chat-compose{flex-direction:column}.portal-grid{grid-template-columns:1fr 1fr}.portal-nav{overflow:auto;justify-content:flex-start}.portal-main{padding:15px 10px}.portal-head{padding:14px}.post-comments>div{grid-template-columns:1fr}.post-comments small{grid-column:1}.timeline-composer{padding:15px}}
@media print{.sidebar,.topbar,.mobile-nav,.footer,.toolbar,.btn,.toast{display:none!important}.main{margin:0}.content{padding:0}.card,.profile-hero{box-shadow:none}.profile-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.data-table{min-width:0}.data-table th,.data-table td{padding:6px;font-size:8px}.actions-cell{display:none}.print-hide{display:none!important}}
.dashboard-status-grid{grid-template-columns:repeat(6,1fr)}.student-master-table{min-width:1500px}.delete-action{color:var(--red);border-color:#f0caca}.description-cell{max-width:260px;white-space:normal;line-height:1.45}.modal-wide{width:min(760px,100%)}.document-preview-shell{overflow:hidden}.document-preview{width:100%;height:72vh;border:0;background:#e9eef3}.notification-wrap{position:relative}.notification-button{position:relative}.notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#e44848;color:#fff;border:2px solid #fff;font-size:8px;font-weight:900;display:grid;place-items:center}.notification-count.hidden{display:none}.notification-panel{display:none;position:absolute;right:0;top:48px;width:380px;max-height:500px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 70px rgba(8,29,52,.22);overflow:hidden;z-index:100}.notification-panel.open{display:block}.notification-title{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.notification-title b,.notification-title small{display:block}.notification-title small{font-size:9px;color:var(--muted);margin-top:3px}.live-dot{padding:4px 7px;border-radius:8px;background:#e9f9f1;color:#16885b;font-size:8px;font-weight:900;letter-spacing:.08em}.notification-list,.live-feed{max-height:410px;overflow:auto}.notification-item{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid #edf1f4;text-decoration:none}.notification-item:hover{background:#f8fbfd}.notification-item>div{min-width:0}.notification-item b,.notification-item small{display:block}.notification-item b{font-size:10px}.notification-item small{font-size:8.5px;color:var(--muted);margin-top:3px}.notification-type{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e8f2fc;flex:0 0 auto;margin-top:3px}.notification-type.danger{background:var(--red);box-shadow:0 0 0 4px #fdeaea}.notification-type.warning{background:var(--orange);box-shadow:0 0 0 4px #fff1df}.notification-type.info{background:var(--cyan);box-shadow:0 0 0 4px #e7f8fa}.live-reminder{position:fixed;right:24px;bottom:24px;z-index:120;width:min(380px,calc(100% - 28px));background:#071a2f;color:#fff;border-radius:15px;padding:15px 17px;display:flex;gap:12px;align-items:center;box-shadow:0 20px 60px rgba(5,22,39,.35);transform:translateY(130%);opacity:0;transition:.35s}.live-reminder.show{transform:translateY(0);opacity:1}.live-reminder>span{width:38px;height:38px;border-radius:11px;background:#e04747;display:grid;place-items:center}.live-reminder b,.live-reminder small{display:block}.live-reminder b{font-size:11px}.live-reminder small{font-size:9px;color:#a9bed1;margin-top:4px}.live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19a66d;box-shadow:0 0 0 5px #e5f7ef;margin-right:7px}.agent-congrats{max-width:850px;margin:0 auto;background:linear-gradient(145deg,#fff,#f2f8ff);border:1px solid #dce8f3;border-radius:24px;padding:42px;text-align:center;box-shadow:0 24px 70px rgba(7,52,94,.12);position:relative;overflow:hidden}.agent-congrats .confetti{position:absolute;right:30px;top:20px;font-size:50px;color:#18a7c8;opacity:.22}.success-mark{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#e8f8ef;color:#16885b;font-size:32px}.agent-congrats>small{font-weight:900;letter-spacing:.13em;color:var(--blue)}.agent-congrats h1{font-size:29px;margin:13px 0 7px}.agent-congrats>p{color:var(--muted)}.agent-id-card{display:inline-flex;flex-direction:column;padding:18px 38px;margin:22px auto;background:linear-gradient(120deg,#071a2f,#0750a7);color:#fff;border-radius:15px}.agent-id-card span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.agent-id-card strong{font-size:25px;margin-top:5px;letter-spacing:.08em}.welcome-details{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;border:1px solid var(--line);border-radius:14px;overflow:hidden}.welcome-details>div{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.welcome-details small,.welcome-details b{display:block}.welcome-details small{font-size:8px;color:var(--muted);text-transform:uppercase}.welcome-details b{font-size:11px;margin-top:5px;word-break:break-word}.welcome-note{margin:18px 0;padding:12px;border-radius:10px;background:#fff5e8;color:#8b591c;font-size:10px}.congrats-actions{display:flex;justify-content:center;gap:10px}.photo-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-card{position:relative;border-radius:16px;overflow:hidden;background:#071a2f;min-height:260px;box-shadow:var(--shadow)}.gallery-card>img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:.3s}.gallery-card:hover>img{transform:scale(1.04);opacity:.78}.gallery-overlay{position:absolute;inset:auto 0 0;padding:50px 15px 14px;color:#fff;background:linear-gradient(transparent,rgba(4,18,33,.92))}.gallery-overlay h3{font-size:13px;margin:8px 0 3px}.gallery-overlay p{font-size:9px;margin:0;color:#c0d1e0}.gallery-overlay>div{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.gallery-overlay form{display:contents}.complaint-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.complaint-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.complaint-head{display:flex;justify-content:space-between;align-items:center}.complaint-card>small{display:block;font-size:8px;color:var(--muted);margin-top:12px}.complaint-card h3{font-size:14px;margin:8px 0}.complaint-card>p{font-size:10px;color:#57687b;line-height:1.55;min-height:46px}.complaint-meta{display:flex;flex-wrap:wrap;gap:7px 13px;padding:10px 0;border-top:1px solid var(--line);font-size:8.5px;color:var(--muted)}.complaint-resolve{display:grid;grid-template-columns:130px 1fr auto;gap:8px;margin-top:10px}.complaint-resolve .input,.complaint-resolve .select{font-size:10px}.live-feed-card{min-width:0}
@media(max-width:1300px){.dashboard-status-grid{grid-template-columns:repeat(3,1fr)}.photo-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.photo-gallery-grid{grid-template-columns:repeat(2,1fr)}.complaint-board{grid-template-columns:1fr}.welcome-details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.dashboard-status-grid{grid-template-columns:repeat(2,1fr)}.notification-panel{position:fixed;top:70px;right:10px;left:10px;width:auto}.live-reminder{right:14px;bottom:82px}.photo-gallery-grid{grid-template-columns:1fr}.gallery-card,.gallery-card>img{min-height:310px}.complaint-resolve{grid-template-columns:1fr}.agent-congrats{padding:28px 16px}.welcome-details{grid-template-columns:1fr}.congrats-actions{flex-direction:column}.document-preview{height:68vh}}
@media print{.agent-congrats{box-shadow:none;border:0}.congrats-actions,.sidebar,.topbar,.footer,.mobile-nav{display:none!important}}

/* =========================================================
   V4.1 Professional Motion & Social Timeline Design System
   ========================================================= */
:root{--shadow-xs:0 2px 8px rgba(12,42,74,.055);--shadow-sm:0 7px 22px rgba(12,42,74,.075);--shadow-md:0 16px 42px rgba(12,42,74,.11);--shadow-lg:0 28px 75px rgba(7,32,59,.17);--ease:cubic-bezier(.2,.75,.25,1);--radius-xl:22px}
html{scrollbar-width:thin;scrollbar-color:#9bb1c6 #edf2f7}body{background:radial-gradient(circle at 82% -10%,rgba(22,167,201,.07),transparent 26%),linear-gradient(180deg,#f5f8fb 0,#eef3f7 100%);min-height:100vh}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track{background:#edf2f7}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9bb1c6,#708ba4);border:2px solid #edf2f7;border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0750a7,#16a7c9)}

/* Branded sidebar scrollbar */
.sidebar{background:radial-gradient(circle at 10% 0,rgba(22,167,201,.17),transparent 25%),linear-gradient(180deg,#071d33 0,#061321 58%,#040e19 100%);box-shadow:18px 0 55px rgba(2,17,31,.14)}.sidebar-nav{padding-right:5px;margin-right:-7px;scrollbar-width:thin;scrollbar-color:rgba(67,190,218,.52) transparent;overscroll-behavior:contain}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent;margin:8px 0 12px}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(54,208,228,.75),rgba(11,100,192,.72));border-radius:999px;box-shadow:0 0 12px rgba(54,208,228,.25)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4de0ef,#1689dc)}.sidebar-nav p{position:relative;padding-left:9px}.sidebar-nav p:before{content:"";position:absolute;left:0;top:2px;width:2px;height:9px;border-radius:2px;background:#20b9d4;opacity:.65}.nav-item{position:relative;overflow:hidden;isolation:isolate;transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}.nav-item:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.09),transparent 75%);transform:translateX(-120%);transition:transform .55s var(--ease)}.nav-item:hover{transform:translateX(4px)}.nav-item:hover:after{transform:translateX(120%)}.nav-item.active{box-shadow:inset 3px 0 #36d0e4,0 8px 22px rgba(0,79,151,.23)}.brand-mark{animation:brandFloat 5s ease-in-out infinite}.sidebar-user a{border-radius:12px;transition:.25s var(--ease)}.sidebar-user a:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}

/* Global professional surface and motion */
.topbar{background:rgba(255,255,255,.86);border-color:rgba(213,224,234,.82);box-shadow:0 5px 24px rgba(20,55,88,.04)}.content{animation:pageEnter .55s var(--ease) both}.card{border-color:rgba(215,226,236,.86);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s}.card:hover{border-color:#cfdeeb;box-shadow:var(--shadow-md)}.stat-card{transition:transform .3s var(--ease),box-shadow .3s var(--ease);animation:cardRise .5s var(--ease) both}.stat-card:nth-child(2){animation-delay:.05s}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.stat-card:nth-child(5){animation-delay:.2s}.stat-card:nth-child(6){animation-delay:.25s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(15,54,91,.13)}.stat-card:after{transition:transform .45s var(--ease),opacity .45s}.stat-card:hover:after{transform:scale(1.35);opacity:.13}.btn{position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),filter .25s}.btn:before{content:"";position:absolute;width:0;height:0;left:50%;top:50%;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .45s,height .45s}.btn:hover:before{width:230%;height:500%}.btn>*{position:relative}.btn:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(7,80,167,.22)}.icon-btn{box-shadow:var(--shadow-xs);transition:.25s var(--ease)}.icon-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-sm)}.input,.select,.textarea{transition:border-color .22s,box-shadow .22s,background .22s}.input:hover,.select:hover,.textarea:hover{border-color:#bfd1e1}.input:focus,.select:focus,.textarea:focus{background:#fff;border-color:#287bc5;box-shadow:0 0 0 4px rgba(7,80,167,.09),0 8px 18px rgba(7,80,167,.07)}.data-table tbody tr{transition:background .2s,transform .2s}.data-table tbody tr:hover{background:#f5faff;transform:translateX(2px)}.modal.open .modal-card{animation:modalPop .32s var(--ease) both}.toast{animation:toastSlide .4s var(--ease) both}.hero{box-shadow:0 22px 55px rgba(7,80,167,.22);background-size:130% 130%;animation:gradientDrift 12s ease infinite}.notification-panel.open{animation:panelDrop .28s var(--ease) both}.profile-hero{background-size:150% 150%;animation:gradientDrift 14s ease infinite}

/* Timeline page masthead */
.timeline-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:28px 32px;border-radius:24px;color:#fff;background:radial-gradient(circle at 82% 15%,rgba(52,219,230,.32),transparent 26%),linear-gradient(120deg,#071a2f 0,#0750a7 68%,#16a7c9 120%);box-shadow:0 24px 65px rgba(6,65,122,.23);animation:bannerIn .65s var(--ease) both}.timeline-banner:before,.timeline-banner:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.timeline-banner:before{width:260px;height:260px;right:-95px;top:-145px}.timeline-banner:after{width:150px;height:150px;right:210px;bottom:-120px}.timeline-banner>div{position:relative;z-index:1}.timeline-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.18em;color:#7ee7f0}.timeline-banner h2{margin:8px 0 7px;font-size:27px;letter-spacing:-.025em}.timeline-banner p{margin:0;max-width:680px;color:#c4d9eb;font-size:12px;line-height:1.6}.timeline-banner-stats{display:flex!important;gap:8px}.timeline-banner-stats span{min-width:82px;padding:13px 14px;text-align:center;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.timeline-banner-stats b,.timeline-banner-stats small{display:block}.timeline-banner-stats b{font-size:20px}.timeline-banner-stats small{font-size:9px;color:#b8d2e7;margin-top:3px;text-transform:uppercase;letter-spacing:.07em}

/* Facebook-inspired, future-ready timeline */
.timeline-layout{grid-template-columns:minmax(0,760px) minmax(270px,330px);justify-content:center;gap:22px}.timeline-layout>aside{position:sticky;top:102px}.timeline-composer{padding:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid #d9e5ef}.timeline-composer:hover{transform:none}.composer-title{padding:17px 19px;margin:0;border-bottom:1px solid #edf2f6;background:linear-gradient(180deg,#fff,#fbfdff)}.composer-title .post-avatar{box-shadow:0 0 0 4px #edf5fc}.composer-title h3{font-size:14px}.composer-title p{font-size:10px}.composer-prompt{display:none}.timeline-composer>.textarea{display:block;margin:0;padding:20px 21px 10px;min-height:112px;border:0;border-radius:0;box-shadow:none!important;font-size:15px;line-height:1.65;resize:vertical}.timeline-composer>.textarea::placeholder{color:#8b99aa}.composer-shortcuts{display:flex;align-items:center;gap:7px;margin:0 18px 13px;padding:9px;border:1px solid #e4ebf1;border-radius:13px;background:#fafcfe}.composer-shortcuts>span{margin-right:auto;padding-left:4px;font-size:9px;font-weight:850;letter-spacing:.06em;color:#748497}.composer-shortcuts button{border:0;border-radius:9px;background:transparent;padding:8px 10px;color:#4f6277;font-size:10px;font-weight:750;cursor:pointer;transition:.2s}.composer-shortcuts button:hover{background:#eaf3fc;color:#0750a7;transform:translateY(-1px)}.timeline-drop{min-height:100px;margin:0 18px 13px;border-width:1.5px;background:linear-gradient(145deg,#f8fbfe,#f2f7fb)}.timeline-drop:hover{border-color:#5ea3de;background:#edf6fd}.timeline-drop.dragging{animation:dropPulse 1s ease infinite}.paste-previews{padding:0 18px;margin:0 0 12px}.composer-options{margin:0;padding:15px 18px;border-top:1px solid #edf2f6;background:#fbfdff}.composer-submit{margin:0;padding:13px 18px;border-top:1px solid #edf2f6;background:#fff}.composer-submit label{font-size:10px;color:#65758a}.composer-submit .btn{min-width:135px}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:14px 16px;border:1px solid #dce7f0;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-xs);backdrop-filter:blur(12px)}.feed-toolbar b,.feed-toolbar small{display:block}.feed-toolbar b{font-size:13px}.feed-toolbar small{font-size:9px;color:var(--muted);margin-top:3px}.feed-filters{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.feed-filters button{border:0;padding:7px 10px;border-radius:9px;background:#edf2f6;color:#607286;font-size:9px;font-weight:750;cursor:pointer;transition:.2s}.feed-filters button:hover,.feed-filters button.active{background:#0750a7;color:#fff;box-shadow:0 6px 14px rgba(7,80,167,.2)}.feed-stack{gap:18px}.social-post{border-radius:20px;border:1px solid #d9e4ed;box-shadow:var(--shadow-md);animation:postReveal .55s var(--ease) both;transition:transform .3s var(--ease),box-shadow .3s}.social-post:hover{transform:translateY(-2px);box-shadow:0 22px 58px rgba(11,46,79,.14)}.social-post.feed-hidden{display:none}.post-header{padding:17px 19px!important}.post-avatar{position:relative}.post-avatar i{display:grid;place-items:center;width:100%;height:100%;font-style:normal}.post-avatar em{position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:50%;background:#18a568;border:2px solid #fff;box-shadow:0 0 0 1px rgba(24,165,104,.15)}.post-author{min-width:0}.post-author b{font-size:12.5px}.post-author small{font-size:9.5px!important}.post-author small span{margin:0 2px}.post-category{padding:6px 9px;border-radius:999px;background:#eef5fc;color:#0750a7;font-size:8.5px;font-weight:800;white-space:nowrap}.post-pinned{padding:6px 8px;border-radius:999px;background:#fff5df;color:#a66a00;font-size:8px;font-weight:800}.post-body{padding:2px 20px 17px;font-size:13px;line-height:1.7;color:#24364a}.post-tags{padding:0 19px 15px}.post-tags span{display:inline-flex;align-items:center;gap:5px}.post-tags .icon{width:13px;height:13px}.post-media{position:relative;max-height:620px;gap:3px}.post-media a{position:relative;overflow:hidden;background:#dfe7ee}.post-media a:nth-child(n+5){display:none}.post-media img{transition:transform .45s var(--ease),filter .45s}.post-media a:hover img{transform:scale(1.035);filter:brightness(.92)}.post-media strong{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,23,41,.62);color:#fff;font-size:34px;font-weight:750}.post-media.count-2{grid-template-columns:1fr 1fr}.post-media.count-2 img{height:390px}.post-media.count-3{grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr}.post-media.count-3 a:first-child{grid-row:1/3}.post-media.count-3 img{height:240px}.post-media.count-3 a:first-child img{height:483px}.post-meta{padding:10px 19px;border-bottom:1px solid #e8eef3}.post-meta b{color:#34495f}.post-actions-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 15px;padding:6px 0;border-bottom:1px solid #e9eef3}.post-actions-bar button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:0;border-radius:9px;background:transparent;color:#607185;font-size:10px;font-weight:750;cursor:pointer;transition:.2s}.post-actions-bar button:hover{background:#edf4fa;color:#0750a7}.post-actions-bar .icon{width:15px}.post-comments{padding:13px 18px 5px;gap:9px}.post-comments>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;padding:0;background:transparent;gap:8px}.comment-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dfeaf5,#edf4fa);color:#0750a7;font-size:9px;font-weight:850;flex:none}.post-comments p{margin:0;padding:9px 11px;border-radius:4px 14px 14px;background:#f0f3f6}.post-comments p b,.post-comments p span{display:block}.post-comments p b{font-size:9.5px}.post-comments p span{font-size:10.5px;margin-top:3px;line-height:1.45}.post-comments small{align-self:center}.comment-form{align-items:center;padding:8px 18px 17px}.comment-form .input{border-radius:999px;background:#f0f3f6;border-color:transparent;padding:10px 14px}.comment-form .btn{border-radius:999px}.post-delete{right:15px;top:66px;opacity:0;transform:translateY(-4px);transition:.2s}.social-post:hover .post-delete{opacity:1;transform:none}

/* Timeline image lightbox */
.timeline-lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:35px;background:rgba(2,11,20,.92);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.3s var(--ease)}.timeline-lightbox.open{opacity:1;visibility:visible}.timeline-lightbox img{max-width:min(1200px,94vw);max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 35px 100px rgba(0,0,0,.55);transform:scale(.92);transition:.35s var(--ease)}.timeline-lightbox.open img{transform:scale(1)}.timeline-lightbox button{position:absolute;right:24px;top:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:25px;cursor:pointer}.timeline-lightbox small{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);color:#d7e3ed}.copy-feedback{position:fixed;left:50%;bottom:30px;z-index:350;transform:translate(-50%,20px);padding:10px 15px;border-radius:10px;background:#071a2f;color:#fff;font-size:10px;opacity:0;transition:.25s}.copy-feedback.show{opacity:1;transform:translate(-50%,0)}body.lightbox-open{overflow:hidden}.field-highlight{animation:fieldHighlight .95s var(--ease)}.portal .post-comments>div:not(:has(p)){padding:9px 11px;border-radius:13px;background:#f0f3f6;grid-template-columns:auto minmax(0,1fr) auto}.portal .post-comments>div:not(:has(p)) b{font-size:9.5px}.portal .post-comments>div:not(:has(p)) span{font-size:10.5px;line-height:1.45}.portal-feed{max-width:760px;margin-inline:auto}.portal-welcome{max-width:760px;margin-inline:auto}

@keyframes pageEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cardRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes postReveal{from{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:none}}@keyframes bannerIn{from{opacity:0;transform:translateY(-10px) scale(.99)}to{opacity:1;transform:none}}@keyframes modalPop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes panelDrop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastSlide{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes dropPulse{50%{box-shadow:0 0 0 7px rgba(7,80,167,.08)}}@keyframes gradientDrift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fieldHighlight{0%,100%{box-shadow:0 0 0 0 rgba(7,80,167,0)}35%{box-shadow:0 0 0 7px rgba(7,80,167,.12)}}

@media(max-width:1050px){.timeline-layout{grid-template-columns:minmax(0,760px)}.timeline-banner{padding:24px}.timeline-banner-stats{display:none!important}}
@media(max-width:720px){.timeline-banner{padding:21px 18px;border-radius:18px}.timeline-banner h2{font-size:21px}.composer-shortcuts{flex-wrap:wrap}.composer-shortcuts>span{width:100%;margin:0}.composer-shortcuts button{flex:1}.feed-toolbar{align-items:flex-start;flex-direction:column}.feed-filters{justify-content:flex-start}.post-category{display:none}.post-media.count-2 img{height:240px}.post-media.count-3 img{height:160px}.post-media.count-3 a:first-child img{height:323px}.post-actions-bar button span{display:none}.post-actions-bar .icon{width:18px}.social-post:hover{transform:none}.post-delete{opacity:1;transform:none}.timeline-lightbox{padding:10px}.timeline-composer>.textarea{font-size:14px}.composer-options{padding:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.timeline-banner,.feed-toolbar,.post-actions-bar,.timeline-lightbox,.copy-feedback{display:none!important}.content,.card,.social-post{animation:none!important;transform:none!important}}

/* =========================================================
   V5 Finance & Agent Operations Suite
   ========================================================= */
.push-enable{border:0;border-radius:8px;padding:7px 9px;background:#eaf3fc;color:#0750a7;font-size:8px;font-weight:800;cursor:pointer}.wallet-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:28px 31px;border-radius:24px;color:#fff;background:radial-gradient(circle at 82% 12%,rgba(78,222,231,.3),transparent 28%),linear-gradient(125deg,#06192d,#0750a7 65%,#15a7c8);box-shadow:0 25px 65px rgba(7,80,167,.23)}.wallet-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-90px;top:-130px}.wallet-hero>div,.wallet-hero>.btn{position:relative;z-index:1}.wallet-hero span{font-size:9px;font-weight:850;letter-spacing:.16em;color:#8eeef4}.wallet-hero h2{font-size:34px;margin:8px 0 5px}.wallet-hero p{margin:0;color:#c4daeb;font-size:11px}.wallet-layout{align-items:stretch}.wallet-bars{height:260px;display:flex;align-items:end;gap:12px;padding:25px 24px 12px;overflow-x:auto}.wallet-bar-group{display:flex;flex:1 0 36px;height:100%;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.wallet-bar-pair{height:205px;display:flex;align-items:end;gap:3px}.wallet-bar-pair i{display:block;width:12px;min-height:4px;border-radius:5px 5px 2px 2px;transition:.3s}.wallet-bar-pair i:hover{filter:brightness(1.12);transform:scaleX(1.15)}.wallet-bar-pair .income,.chart-legend .income{background:#16a06a}.wallet-bar-pair .expense,.chart-legend .expense{background:#d44a4a}.wallet-bar-group small{font-size:8px;color:#7d8b9a;white-space:nowrap}.chart-legend{display:flex;justify-content:center;gap:18px;padding:0 20px 18px;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:3px}.wallet-category{display:inline-flex!important;align-items:center!important;gap:7px!important;border-left:3px solid var(--cat)!important}.wallet-category small{color:#8290a1}.inline-category-form{display:grid;grid-template-columns:1fr 100px 42px auto;gap:7px;margin-top:18px}.inline-category-form input[type=color]{width:42px;height:40px;border:1px solid var(--line);border-radius:9px;padding:3px;background:#fff}
.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:13px;align-items:start;overflow-x:auto;padding-bottom:10px}.kanban-column{border:1px solid #dbe6ef;border-radius:17px;background:rgba(240,245,249,.85);min-height:440px}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #dce6ef;font-size:11px;font-weight:800}.kanban-column>header b{min-width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#0750a7;box-shadow:var(--shadow-xs)}.kanban-stack{display:grid;gap:9px;padding:10px}.kanban-card{padding:14px;border:1px solid #dfe7ee;border-radius:14px;background:#fff;box-shadow:var(--shadow-xs);transition:.25s var(--ease)}.kanban-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.kanban-card h3{font-size:12px;margin:11px 0 6px}.kanban-card p{font-size:9px;line-height:1.5;color:#66778a;min-height:28px}.kanban-card>small{display:block;padding:8px 0;color:#0750a7;font-size:8.5px}.kanban-card form{margin-top:7px}.kanban-card .select{padding:8px;font-size:9px}.kanban-empty{padding:35px 10px;text-align:center;color:#94a1ae;font-size:9px}
.one-page-student-form{display:grid;grid-template-columns:235px minmax(0,1fr);gap:19px;align-items:start}.student-form-aside{position:sticky;top:101px;padding:22px;text-align:center}.student-form-aside .avatar{width:105px;height:105px;margin:0 auto 12px}.student-form-aside h3{margin:8px 0 3px}.student-form-aside>small{color:var(--muted)}.student-form-aside .upload-label{margin:16px 0 13px}.student-form-aside nav{display:grid;border-top:1px solid var(--line);padding-top:11px;text-align:left}.student-form-aside nav a{padding:9px 10px;border-radius:9px;text-decoration:none;color:#617286;font-size:10px;font-weight:700}.student-form-aside nav a:hover{background:#edf5fc;color:#0750a7}.student-form-sections{display:grid;gap:16px}.form-section{padding:0;overflow:hidden}.form-section-head{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid #e5edf3;background:linear-gradient(180deg,#fff,#f9fbfd)}.form-section-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0750a7;color:#fff;font-size:10px;font-weight:850}.form-section-head h3,.form-section-head p{margin:0}.form-section-head h3{font-size:13px}.form-section-head p{font-size:9px;color:var(--muted);margin-top:3px}.form-section>.form-grid{padding:20px}.date-parts{display:grid;grid-template-columns:.8fr 1fr 1.15fr;gap:5px}.date-parts .select{padding-inline:8px}.commission-formula{margin:0 20px 20px;padding:12px 14px;border-radius:10px;background:#eaf6f1;color:#15744e;font-size:10px;font-weight:700}.sticky-form-actions{position:sticky;bottom:12px;z-index:10;display:flex;justify-content:flex-end;gap:9px;padding:12px;border:1px solid rgba(213,225,235,.9);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 15px 45px rgba(17,49,79,.14);backdrop-filter:blur(15px)}
.student-profile-cover{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:28px 30px;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 0,rgba(28,198,219,.27),transparent 28%),linear-gradient(120deg,#06182b,#0750a7 70%,#16a7c9);box-shadow:0 24px 60px rgba(7,70,135,.22)}.student-cover-photo .avatar{width:112px;height:112px;border:4px solid rgba(255,255,255,.85);box-shadow:0 15px 35px rgba(0,0,0,.2)}.student-cover-copy{flex:1}.student-cover-copy h1{margin:9px 0 5px;font-size:27px}.student-cover-copy>p{margin:0;color:#c4d8e9}.profile-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.profile-chip-row span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.08);font-size:9px}.profile-chip-row .icon{width:13px}.student-profile-stats{display:grid;grid-template-columns:repeat(6,1fr);margin:17px 0;overflow:hidden;border:1px solid #dbe5ed;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.student-profile-stats>div{padding:16px;border-right:1px solid #e5ebf1}.student-profile-stats small,.student-profile-stats b{display:block}.student-profile-stats small{font-size:8px;text-transform:uppercase;color:#7b8998}.student-profile-stats b{margin-top:6px;font-size:15px}.profile-progress span{display:block;height:5px;margin-top:8px;border-radius:5px;background:#e4ebf1;overflow:hidden}.profile-progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#0750a7,#16a7c9)}.profile-anchor-nav,.settings-nav{position:sticky;top:82px;z-index:15;display:flex;gap:6px;margin-bottom:17px;padding:9px;border:1px solid #dbe5ed;border-radius:13px;background:rgba(255,255,255,.9);box-shadow:var(--shadow-xs);backdrop-filter:blur(12px)}.profile-anchor-nav a,.settings-nav a{padding:8px 12px;border-radius:8px;text-decoration:none;color:#5e7084;font-size:9px;font-weight:750}.profile-anchor-nav a:hover,.settings-nav a:hover{background:#0750a7;color:#fff}.profile-detail-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5edf3}.profile-detail-sections>div{background:#fff;padding:18px}.profile-detail-sections h4{margin:0 0 12px;color:#0750a7}.profile-detail-sections dl{display:flex;justify-content:space-between;gap:12px;margin:0;padding:7px 0;border-bottom:1px dashed #e5ebf1;font-size:9.5px}.profile-detail-sections dt{color:#7b8998}.profile-detail-sections dd{margin:0;font-weight:700;text-align:right}
.report-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:24px 27px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#071a2f,#0750a7 70%,#16a7c9);box-shadow:var(--shadow-md)}.report-hero span{font-size:8px;letter-spacing:.15em;color:#82e8f0}.report-hero h2{margin:7px 0 5px}.report-hero p{margin:0;color:#c4d9e9;font-size:10px}.report-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.report-menu-grid a{display:grid;gap:7px;padding:18px;border:1px solid #dce7ef;border-radius:14px;text-decoration:none;transition:.25s}.report-menu-grid a:hover{transform:translateY(-3px);border-color:#9fc5e8;box-shadow:var(--shadow-sm)}.report-menu-grid .icon{color:#0750a7}.report-menu-grid span{font-size:9px;color:#718196}
.settings-section{margin-bottom:17px;scroll-margin-top:150px}.branding-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branding-settings>div{display:flex;align-items:center;gap:17px;padding:18px;border:1px solid #dfe8ef;border-radius:15px}.branding-settings b,.branding-settings small{display:block}.branding-settings small{margin:4px 0 10px;color:#7c8a99;font-size:9px}.settings-avatar{width:82px;height:82px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#eaf3fc;color:#0750a7;font-size:24px;font-weight:850}.favicon-preview{width:75px;height:75px;display:grid;place-items:center;border-radius:17px;background:#071a2f;color:#fff;font-size:25px;font-weight:900}.favicon-preview img{width:100%;height:100%;object-fit:cover;border-radius:17px}.backup-grid{display:grid;grid-template-columns:1fr 1fr}.backup-grid>div,.backup-grid>form{padding:25px}.backup-grid>div{border-right:1px solid var(--line)}.settings-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf3fc;color:#0750a7}.backup-grid p{color:#697a8d;line-height:1.6}.backup-grid .input{margin:10px 0}.danger-check{display:block;margin:10px 0;font-size:9px;color:#9a581f}.danger-zone{border-color:#f1c5c5}.reset-warning{display:flex;gap:12px;padding:15px;margin-bottom:16px;border-radius:12px;background:#fff0f0;color:#9d3232}.reset-warning .icon{flex:none}.reset-warning b,.reset-warning span{display:block}.reset-warning span{font-size:9px;margin-top:4px}.danger-zone .field{max-width:390px;margin-bottom:12px}
.portal-v5{min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(22,167,201,.08),transparent 26%),#eef3f7}.portal-v5 .portal-head{box-shadow:0 7px 30px rgba(8,34,59,.08)}.portal-head-actions{display:flex;align-items:center;gap:8px}.portal-notification-btn{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:8px 10px;background:rgba(255,255,255,.08);color:#fff;font-size:9px;font-weight:750;cursor:pointer}.portal-notification-btn span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:50%;background:#d94a4a}.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:17px}.portal-metrics>div{padding:17px;border:1px solid #dce6ee;border-radius:14px;background:#fff;box-shadow:var(--shadow-xs)}.portal-metrics small,.portal-metrics b{display:block}.portal-metrics small{font-size:8px;text-transform:uppercase;color:#7a8998}.portal-metrics b{margin-top:6px;font-size:17px}.portal-timeline-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:18px;justify-content:center;align-items:start}.portal-timeline-layout>aside{position:sticky;top:120px;display:grid;gap:13px}.portal-composer{overflow:hidden}.portal-composer>.textarea{border:0;border-radius:0;min-height:105px;padding:18px 20px}.portal-composer .timeline-drop{margin:0 18px 12px;min-height:85px}.portal-composer-options{grid-template-columns:1fr 1fr}.portal-side-card{padding:20px}.portal-side-card h3{margin-top:0}.portal-side-card p{font-size:10px;color:#68798b;line-height:1.6}.portal-side-card>a:not(.btn){display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;color:#0750a7;font-size:10px}.agent-wallet-hero{margin-top:0}.portal-toast{position:static;margin-bottom:12px}.agent-notification-drawer{position:fixed;top:0;right:0;bottom:0;z-index:350;width:min(390px,92vw);padding:18px;background:#fff;box-shadow:-20px 0 70px rgba(5,29,52,.25);transform:translateX(110%);transition:.35s var(--ease)}.agent-notification-drawer.open{transform:none}.agent-notification-drawer>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.agent-notification-drawer header button{border:0;background:transparent;font-size:22px;cursor:pointer}.portal-comment{grid-template-columns:30px minmax(0,1fr) auto!important}
@media(max-width:1200px){.student-profile-stats{grid-template-columns:repeat(3,1fr)}.profile-detail-sections{grid-template-columns:repeat(2,1fr)}.portal-timeline-layout{grid-template-columns:minmax(0,760px)}.portal-timeline-layout>aside{display:none}}
@media(max-width:980px){.one-page-student-form{grid-template-columns:1fr}.student-form-aside{position:relative;top:auto}.student-form-aside nav{display:flex;overflow-x:auto}.student-form-aside nav a{white-space:nowrap}.kanban-board{grid-template-columns:repeat(4,270px)}}
@media(max-width:720px){.wallet-hero,.report-hero,.student-profile-cover{align-items:flex-start;flex-direction:column;padding:21px}.wallet-hero h2{font-size:27px}.inline-category-form{grid-template-columns:1fr 1fr}.inline-category-form input[type=color]{width:100%}.student-profile-stats{grid-template-columns:1fr 1fr}.student-profile-stats>div{border-bottom:1px solid #e5ebf1}.profile-detail-sections{grid-template-columns:1fr}.profile-anchor-nav,.settings-nav{overflow-x:auto}.profile-anchor-nav a,.settings-nav a{white-space:nowrap}.report-menu-grid{grid-template-columns:1fr}.branding-settings,.backup-grid{grid-template-columns:1fr}.backup-grid>div{border-right:0;border-bottom:1px solid var(--line)}.branding-settings>div{align-items:flex-start;flex-direction:column}.portal-metrics{grid-template-columns:1fr 1fr}.portal-head-actions .portal-notification-btn{font-size:0}.portal-head-actions .portal-notification-btn:before{content:"Alerts";font-size:9px}.portal-v5 .portal-main{padding-inline:10px}.date-parts{grid-template-columns:1fr 1.15fr 1.25fr}.form-section>.form-grid{padding:15px}}
@media print{.settings-nav,.profile-anchor-nav,.wallet-hero .btn,.student-profile-cover .profile-actions,.portal-head,.portal-nav,.portal-metrics,.portal-composer{display:none!important}}