:root{color-scheme:light;--bg:#f4f7fc;--surface:#fff;--ink:#17233b;--muted:#78859b;--line:#e8edf5;--blue:#3678ed;--blue-dark:#2462d0;--blue-soft:#eaf2ff;--violet:#8166e8;--violet-soft:#f0edff;--green:#1aaf83;--green-soft:#e4f8f1;--orange:#e99a35;--orange-soft:#fff2df;--shadow:0 8px 26px rgba(39,66,112,.045)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;font-family:"Cairo",Tahoma,Arial,sans-serif;color:var(--ink);font-size:14px;background:var(--bg);line-height:1.65}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9fc3ff;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:258px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:25px 17px 16px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px;text-decoration:none;color:var(--blue)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--blue-soft);border-radius:14px}.brand-mark svg{width:36px;height:36px}.brand strong,.brand small{display:block}.brand strong{font-size:20px;line-height:1.35;font-weight:800;color:#1d3151}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.workspace-label{font-size:11px;color:#a0aabc;padding:0 13px 10px;font-weight:700}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:right;padding:11px 13px;border-radius:10px;color:#68758d;font-weight:600;width:100%;transition:.18s}.nav-item:hover{background:#f5f8fd;color:var(--blue)}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:800}.nav-icon{width:22px;text-align:center;font-size:20px;line-height:1}.nav-count{margin-right:auto;font-size:11px;background:#d9e7ff;padding:1px 8px;border-radius:20px;color:#326bca}.sidebar-bottom{margin-top:auto}.help-card{margin:17px 3px 16px;background:#f3f7ff;border:1px solid #e4edff;border-radius:13px;padding:13px 11px;display:flex;align-items:center;gap:9px}.help-symbol{width:28px;height:28px;display:grid;place-items:center;background:#dce9ff;border-radius:9px;color:var(--blue);font-weight:800}.help-card strong,.help-card small{display:block}.help-card strong{font-size:11px}.help-card small{font-size:9px;color:var(--muted);margin-top:2px}.help-arrow{margin-right:auto;color:#7b94c4}.profile-mini{border-top:1px solid var(--line);padding:17px 4px 0;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#dbe8ff,#a9c7ff);display:grid;place-items:center;color:#2459b5;font-weight:800;font-size:16px;flex-shrink:0}.avatar.small{width:34px;height:34px;font-size:14px}.profile-copy{min-width:0}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:11px}.profile-copy small{font-size:10px;color:var(--muted)}.more-button{margin-right:auto;border:0;background:transparent;color:var(--muted);letter-spacing:1px}.main-area{margin-right:258px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.breadcrumbs{display:flex;gap:11px;align-items:center;color:#9aa5b7;font-size:12px}.breadcrumbs strong{color:#4c5b74;font-weight:700}.crumb-divider{color:#c8cfda}.top-actions{display:flex;align-items:center;gap:17px}.icon-button{width:35px;height:35px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#6c7a91;font-size:19px;position:relative}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#f16f76;top:7px;right:8px;border:1px solid white}.top-divider{height:30px;width:1px;background:var(--line)}.top-profile{display:flex;align-items:center;gap:9px}.top-profile strong,.top-profile small{display:block}.top-profile strong{font-size:11px}.top-profile small{font-size:10px;color:var(--muted)}.mobile-menu{display:none}.page-content{padding:31px 35px 25px;flex:1;max-width:1600px;width:100%;margin:0 auto}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:6px}.eyebrow-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #e2edff}h1,h2,p{margin-top:0}.welcome-row h1{font-size:25px;line-height:1.5;margin:0 0 4px;font-weight:800;letter-spacing:-.4px}.muted{color:var(--muted);font-size:12px;margin:0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;font-weight:800;font-size:12px;white-space:nowrap;transition:transform .15s,background .15s}.primary-button{background:var(--blue);border:1px solid var(--blue);color:white;box-shadow:0 4px 10px #3678ed22}.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.primary-button>span{font-size:19px;line-height:1}.secondary-button{background:#fff;border:1px solid #dfe7f3;color:#52617a}.secondary-button:hover{background:#f6f9ff;border-color:#bfd4f8}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:31px}.stat-card{position:relative;overflow:hidden;min-height:176px;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-size:19px}.stat-icon.blue,.quick-icon.blue{color:var(--blue);background:var(--blue-soft)}.stat-icon.violet,.quick-icon.violet{color:var(--violet);background:var(--violet-soft)}.stat-icon.orange,.quick-icon.orange{color:var(--orange);background:var(--orange-soft)}.stat-icon.green,.quick-icon.green{color:var(--green);background:var(--green-soft)}.trend{font-size:10px;color:#a0aabc}.stat-label{color:#748199;font-size:11px;margin-bottom:0}.stat-value{font-size:27px;font-weight:800;letter-spacing:-.5px;line-height:1.5}.stat-value small{font-size:12px;font-weight:600;color:#71809a}.stat-foot{display:flex;align-items:center;gap:6px;font-size:10px;color:#9aa5b5}.positive{color:var(--green);font-weight:800}.sparkline{height:25px;position:absolute;bottom:17px;left:16px;display:flex;align-items:end;gap:3px;opacity:.7}.sparkline i{width:4px;border-radius:4px 4px 0 0;background:currentColor;height:30%}.sparkline i:nth-child(2){height:50%}.sparkline i:nth-child(3){height:40%}.sparkline i:nth-child(4){height:70%}.sparkline i:nth-child(5){height:53%}.sparkline i:nth-child(6){height:85%}.sparkline i:nth-child(7){height:62%}.sparkline i:nth-child(8){height:100%}.blue-line{color:#8bb3ff}.violet-line{color:#b4a7fa}.orange-line{color:#f5c27c}.green-line{color:#8ddfc4}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2,.panel-heading h2{font-size:15px;font-weight:800;margin:0 0 3px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:27px}.quick-card{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);border-radius:13px;display:flex;align-items:center;gap:12px;text-align:right;padding:16px 14px;min-width:0;transition:transform .15s,border-color .15s}.quick-card:hover{transform:translateY(-2px);border-color:#cbdcff}.quick-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-size:20px;flex-shrink:0}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:11px;margin-bottom:3px}.quick-card small{font-size:10px;color:var(--muted);white-space:normal}.quick-arrow{margin-right:auto;color:#9aa8bc;font-size:15px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.activity-panel,.content-summary{padding:19px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading>div>p{margin-bottom:0}.text-button{border:0;background:transparent;color:var(--blue);font-weight:800;font-size:11px;white-space:nowrap}.activity-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f3f8}.activity-row:last-child{border-bottom:0;padding-bottom:0}.activity-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:17px}.activity-icon.green{color:var(--green);background:var(--green-soft)}.activity-icon.blue{color:var(--blue);background:var(--blue-soft)}.activity-icon.orange{color:var(--orange);background:var(--orange-soft)}.activity-copy{flex:1;min-width:0}.activity-copy strong,.activity-copy small{display:block}.activity-copy strong{font-size:11px}.activity-copy small{font-size:10px;color:var(--muted);margin-top:3px}.activity-row time{font-size:9px;color:#a0aabc;white-space:nowrap}.folder-illustration{width:39px;height:39px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:12px;font-size:22px}.summary-number{font-size:28px;font-weight:800;margin-top:14px}.summary-number small{font-size:12px;color:var(--muted);font-weight:600}.summary-bar{height:6px;background:#edf2fa;border-radius:8px;margin:7px 0 12px;overflow:hidden}.summary-bar span{display:block;width:72%;height:100%;background:linear-gradient(90deg,#4d8cf3,#7ca8ff);border-radius:8px}.summary-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:7px 0}.summary-meta strong{color:#53637b}.full-width{width:100%;margin-top:12px;justify-content:space-between}.footer{display:flex;justify-content:space-between;gap:12px;padding:15px 35px 19px;color:#9ba6b8;font-size:10px;border-top:1px solid #e9eef5}.hidden{display:none!important}
.content-welcome{margin-bottom:21px}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--line);padding:12px 15px;border-radius:13px;margin-bottom:16px}.breadcrumb-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.breadcrumb-path button{border:0;background:transparent;color:#78869b;font-size:11px;padding:4px}.breadcrumb-path button:last-child{color:var(--blue);font-weight:800}.breadcrumb-path .path-separator{color:#c2cad6;font-size:11px}.toolbar-actions{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;gap:7px;border:1px solid #e5ebf4;border-radius:9px;padding:0 10px;background:#fbfcff;color:#9aa6b8}.search-box input{border:0;outline:0;background:transparent;width:185px;height:37px;font-size:11px;color:var(--ink)}.search-box input:focus-visible{outline:0}.content-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;align-items:stretch}.folder-tree{padding:17px 14px;min-height:430px}.tree-title{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13px;margin:0 3px 12px}.tree-title span{color:#a6b0c0}.tree-root{display:grid;gap:3px}.tree-node{min-width:0}.tree-row{display:flex;align-items:center;gap:7px;padding:8px 7px;border-radius:8px;min-width:0;cursor:pointer;color:#62718a;font-size:11px}.tree-row:hover{background:#f5f8fe}.tree-row.selected{background:var(--blue-soft);color:var(--blue);font-weight:800}.tree-toggle{border:0;background:transparent;padding:0;width:13px;color:#9aa7ba;font-size:10px;flex-shrink:0}.tree-toggle.empty{visibility:hidden}.tree-folder-icon{color:#e9b34d;font-size:15px;flex-shrink:0}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-count{font-size:9px;color:#9ba7b8}.tree-children{padding-right:15px;border-right:1px solid #edf1f7;margin-right:12px}.tree-tip{margin-top:24px;padding:12px 10px;background:#f5f8ff;border-radius:10px;display:flex;gap:9px;color:var(--blue)}.tree-tip>span{font-size:17px}.tree-tip p{margin:0}.tree-tip strong,.tree-tip small{display:block}.tree-tip strong{font-size:10px;color:#4b6083}.tree-tip small{font-size:9px;line-height:1.7;color:#8290a7;margin-top:4px}.item-panel{padding:19px;min-width:0}.item-panel-heading{margin-bottom:14px}.view-toggle{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;gap:2px}.view-toggle button{border:0;background:transparent;color:#93a0b2;border-radius:5px;width:29px;height:28px}.view-toggle button.selected{background:var(--blue-soft);color:var(--blue)}.drop-hint{font-size:10px;color:#8594aa;background:#f8faff;border:1px dashed #dbe5f5;padding:8px 11px;border-radius:8px;margin-bottom:13px}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.content-item{position:relative;border:1px solid #e9eef6;border-radius:12px;padding:14px 12px 12px;min-width:0;background:#fff;cursor:grab;transition:border-color .15s,background .15s,transform .15s}.content-item:hover{border-color:#bfd4f8;background:#fcfdff}.content-item.dragging{opacity:.45;transform:scale(.98)}.content-item.drag-over{border:1px dashed var(--blue);background:#edf4ff}.item-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.item-type-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.type-folder{color:#d99a28;background:#fff4dc}.type-lesson{color:#387ae8;background:#eaf2ff}.type-exam{color:#8a68e8;background:#f0edff}.type-pdf{color:#e36b72;background:#fff0f0}.type-video{color:#1eae91;background:#e4f8f2}.item-menu{border:0;background:transparent;color:#a0aabb;font-size:17px;padding:0 3px}.item-name{font-weight:800;font-size:11px;margin:11px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{font-size:9px;color:#9ba6b7;display:flex;align-items:center;gap:5px}.item-footer{border-top:1px solid #f0f3f8;margin-top:12px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;color:#8c9ab0;font-size:9px}.item-footer button{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:800;padding:0}.empty-state{text-align:center;padding:52px 12px;color:#9ba8bb}.empty-state>span{font-size:35px;color:#b9c9e5}.empty-state strong{display:block;color:#53637b;font-size:14px;margin:7px 0}.empty-state p{font-size:11px}.prototype-note{display:flex;align-items:center;gap:8px;color:#7788a3;font-size:10px;margin-top:15px;padding:11px 13px;background:#edf4ff;border:1px solid #dfeaff;border-radius:10px}.prototype-note span{font-size:15px;color:var(--blue)}.placeholder-view{min-height:60vh;display:grid;place-items:center}.placeholder-card{text-align:center;padding:50px 30px;max-width:420px;width:100%}.placeholder-icon{display:inline-grid;place-items:center;width:54px;height:54px;background:var(--blue-soft);color:var(--blue);border-radius:15px;font-size:26px}.placeholder-card h1{font-size:22px;margin:15px 0 6px}.placeholder-card p{margin-bottom:20px}.item-dialog{border:0;border-radius:16px;width:min(440px,calc(100% - 28px));padding:0;box-shadow:0 25px 80px #162c4c35;color:var(--ink)}.item-dialog::backdrop{background:#17284465;backdrop-filter:blur(3px)}.item-dialog form{padding:23px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:17px;margin:0 0 3px}.dialog-head p{font-size:11px}.close-dialog{border:0;background:#f2f5fa;border-radius:8px;width:30px;height:30px;font-size:22px;color:#77859b;line-height:1}.field-label{display:block;font-size:11px;font-weight:800;margin:13px 0 6px}.field-input{display:block;width:100%;height:42px;border:1px solid #dfe7f2;border-radius:9px;background:#fcfdff;padding:0 11px;color:var(--ink);font-size:12px}.dialog-actions{display:flex;justify-content:flex-start;gap:9px;margin-top:22px}.toast{position:fixed;bottom:24px;left:24px;z-index:30;background:#1f3150;color:white;border-radius:10px;padding:11px 16px;font-size:11px;box-shadow:0 10px 25px #10254430;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(min-width:1500px){.page-content{padding-left:45px;padding-right:45px}.stats-grid{gap:20px}.stat-card{min-height:185px}.quick-grid{gap:17px}}
@media(max-width:1200px){.sidebar{width:225px;padding-right:13px;padding-left:13px}.main-area{margin-right:225px}.page-content{padding:27px 23px}.topbar{padding:0 23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:215px minmax(0,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(105%);transition:transform .22s;box-shadow:-12px 0 30px #20365510;width:270px}.sidebar.open{transform:translateX(0)}.main-area{margin-right:0}.topbar{height:64px;padding:0 16px}.mobile-menu{display:block;border:1px solid var(--line);background:#fff;color:#62718a;width:35px;height:35px;border-radius:9px}.breadcrumbs{margin-right:auto;margin-left:auto;font-size:11px}.top-actions{gap:8px}.top-profile>div:last-child,.top-divider{display:none}.page-content{padding:23px 15px}.welcome-row{align-items:flex-start;flex-direction:column;gap:14px}.welcome-row h1{font-size:22px}.welcome-row>.primary-button{align-self:stretch}.stats-grid{gap:10px}.stat-card{padding:14px 12px;min-height:164px}.stat-value{font-size:24px}.stat-foot{flex-wrap:wrap;font-size:9px;gap:4px}.sparkline{left:12px;bottom:12px}.quick-grid{gap:9px}.quick-card{padding:12px 10px;gap:9px}.quick-icon{width:33px;height:33px}.quick-card strong{font-size:10px}.quick-card small{font-size:9px}.quick-arrow{display:none}.bottom-grid{grid-template-columns:1fr}.activity-row time{font-size:8px}.footer{padding:14px 16px;flex-wrap:wrap}.content-toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{width:100%;flex-wrap:wrap}.search-box{flex:1;min-width:130px}.search-box input{width:100%;min-width:0}.toolbar-actions>.secondary-button{flex-shrink:0}.content-layout{grid-template-columns:1fr}.folder-tree{min-height:0;padding:13px}.tree-root{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.tree-children{grid-column:1/-1}.tree-tip{margin-top:12px}.item-panel{padding:13px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-item{padding:11px 9px}.item-type-icon{width:33px;height:33px}.content-welcome{gap:12px}.prototype-note{align-items:flex-start;line-height:1.8}.placeholder-card{padding:35px 20px}}
@media(max-width:380px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:140px}.quick-grid{grid-template-columns:1fr}.quick-card{padding:12px}.item-grid{grid-template-columns:1fr}.tree-root{grid-template-columns:1fr}.top-profile{display:none}.breadcrumbs{font-size:10px}}