:root{--bg:#f5f7f5;--surface:#fff;--text:#263a35;--muted:#7f8d87;--border:#e6ece8;--green:#176b5b;--deep:#21463d;--lime:#dcebe4;--soft:#e4eee9;--shadow:0 4px 20px #183b2e04;--font:'IBM Plex Sans Arabic',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #83b58d;outline-offset:4px}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.5;letter-spacing:-.6px}h2{font-size:18px;font-weight:600}h3{font-size:16px}small{display:block;color:var(--muted);font-size:11px}.sidebar{width:248px;position:fixed;inset:0 0 0 auto;background:var(--surface);border-left:1px solid var(--border);padding:32px 22px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:30px;line-height:1.2;padding:0 9px}.brand span:not(.brand-mark){display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1.7px;font-weight:500;margin-top:9px;color:#82908a}.brand-mark{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--deep);color:var(--lime);font-size:30px}.brand-mark:after{content:'';position:absolute;width:34px;height:14px;border:1px solid #c7ed9b80;border-radius:50%;transform:rotate(-40deg)}.workspace-tag{display:flex;align-items:center;gap:10px;border:1px solid var(--border);padding:13px 10px;border-radius:10px;margin:36px 0 30px;font-size:12px;font-weight:500}.workspace-tag small{font-size:10px;margin-top:2px}.mini-orbit{font-size:23px;color:#68977f}.green-dot{height:6px;width:6px;background:#6ca077;border-radius:50%;margin-right:auto}.nav-label{color:#a0a9a4;font-size:10px;margin:0 12px 12px}nav{display:grid;gap:7px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;padding:12px 14px;text-align:right;border-radius:8px;color:#7b8580;font-size:13px;transition:background .2s}.nav-item.active{background:var(--soft);color:var(--green);font-weight:600}.nav-item:hover{background:var(--soft)}.nav-item .nav-count{margin-right:auto;font:11px 'DM Sans';background:#dcebdd;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:60px}.side-note{background:#f7f9f5;border:1px solid #edf1e7;border-radius:10px;padding:15px 12px;display:flex;gap:10px;font-size:11px;color:#62715f}.side-note>span{font-size:20px;color:#8cac69}.side-note small{margin-top:5px;font-size:10px;color:#98a08e}.side-settings{display:flex;gap:11px;align-items:center;color:#818b85;font-size:12px;padding:24px 12px}.profile{display:flex;gap:10px;align-items:center;padding:19px 0;border-top:1px solid var(--border);font-size:12px;font-weight:500}.avatar,.header-avatar{background:#eee9df;border-radius:50%;color:#7e7967;display:grid;place-items:center;font-weight:600}.avatar{width:34px;height:34px}.profile small{font-size:10px}.profile-dot{height:7px;width:7px;background:#8dad81;border:2px solid #e9f3e5;border-radius:50%;margin-right:auto}.main-shell{margin-right:248px;min-height:100vh}.topbar{height:82px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface)}.breadcrumb{font-size:12px;color:#939c97;display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#515e56}.breadcrumb span{color:#c3cac5}.top-actions{display:flex;align-items:center;gap:20px}.saved{display:flex;align-items:center;gap:6px;color:#8a958d;font-size:10px}.saved i{width:5px;height:5px;border-radius:50%;background:#8da881}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:#879388}.icon-btn svg{width:16px;height:16px}.header-avatar{height:31px;width:31px}main{padding:32px 40px 20px;max-width:1570px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:11px;color:#87938a;margin-bottom:4px}.page-head p{font-size:12px;color:var(--muted);margin-top:6px}.head-date{display:flex;gap:8px;align-items:center;font-size:11px;color:#89938c}.head-date svg{width:15px}.hero{position:relative;overflow:hidden;background:var(--deep);border-radius:14px;padding:27px 30px;min-height:209px;display:flex;align-items:center;justify-content:space-between;color:#fff}.hero:after,.hero:before{content:'';width:400px;height:210px;position:absolute;border:1px solid #ffffff0a;border-radius:50%;transform:rotate(-30deg);left:10%;top:50%}.hero:after{left:12%;top:60%;width:490px}.hero-copy{position:relative;z-index:2}.pill{font-size:9px;border:1px solid #ffffff26;color:#cae0d3;background:#ffffff08;display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:3px 9px;margin-bottom:10px}.pill i{width:4px;height:4px;background:var(--lime);border-radius:50%}.hero h2{font-size:26px;font-weight:500;line-height:1.55;margin-bottom:5px}.hero h2 span{color:var(--lime)}.hero p{color:#b0c6bb;font-size:11px}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:11px;font-weight:500;padding:9px 15px;white-space:nowrap}.btn svg{height:15px;width:15px}.btn-primary{background:var(--green);color:#fff}.btn-lime{color:#25482d;background:var(--lime)}.btn-outline{background:var(--surface);border:1px solid var(--border);color:#657369}.btn-ghost{color:#bed0c5;padding-inline:0}.hero-orbit{position:relative;width:168px;height:168px;flex-shrink:0;display:grid;place-items:center;margin-left:22px}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border:1px solid #a0c5a81f;width:100%;height:100%;border-radius:50%}.hero-orbit:after{width:129px;height:129px;border-style:dashed;transform:rotate(12deg)}.orbit-progress{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--lime) var(--progress),#ffffff12 0);display:grid;place-items:center;transform:rotate(-90deg)}.orbit-progress>div{transform:rotate(90deg);height:93px;width:93px;border-radius:50%;background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-progress b{font:500 30px 'DM Sans';color:#f1f8ed}.orbit-progress small{font-size:9px;color:#9cb6a8;margin-top:2px}.orbit-star{position:absolute;left:7px;top:32px;color:var(--lime);font-size:16px;background:var(--deep);padding:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 27px}.stat{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:17px 18px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7b877e;font-size:10px}.stat-icon{width:28px;height:28px;border-radius:8px;background:#f0f5ee;color:#809977;display:grid;place-items:center}.stat-icon svg{height:15px;width:15px}.stat:nth-child(2) .stat-icon{background:#f6f0e6;color:#b79a66}.stat:nth-child(3) .stat-icon{background:#f0eef7;color:#9686b4}.stat:nth-child(4) .stat-icon{background:#ebf1f8;color:#7d9fbd}.stat-value{font:500 27px 'DM Sans';margin-top:5px;display:flex;align-items:baseline;gap:7px}.stat-value span{font:10px var(--font);color:#a0aaa2}.stat-note{margin-top:5px;font-size:9px;color:#9aa79b}.stat-note strong{color:#678b64;font-weight:400}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2{font-size:16px;display:flex;align-items:center;gap:8px}.section-head p{font-size:10px;color:var(--muted);margin-top:3px}.text-btn{display:flex;align-items:center;gap:6px;color:#738d74;font-size:10px;padding:4px}.text-btn svg{width:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow)}.week-strip{padding:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:17px}.day-btn{border-radius:8px;padding:7px 2px;text-align:center;color:#9aa39e;font-size:9px;min-width:0}.day-btn b{font:500 18px 'DM Sans';display:block;color:#5e7063;margin:3px 0}.day-btn .day-dot{display:block;height:3px;width:3px;margin:7px auto 0;border-radius:50%;background:#c1d3b9}.day-btn.active{background:var(--green);color:#d1e2d6}.day-btn.active b{color:white}.day-btn.active .day-dot{background:var(--lime)}.task-list{display:grid;gap:10px}.task-row{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:16px;display:flex;gap:12px;align-items:center}.check-btn{width:20px;height:20px;flex-shrink:0;border:1.4px solid #dbe3dc;border-radius:6px;display:grid;place-items:center;padding:0;color:#fff}.check-btn svg{width:13px;height:13px}.task-row.done .check-btn{background:var(--green);border-color:var(--green)}.task-row.done .task-title{text-decoration:line-through;color:#9ca69f}.task-info{flex:1;min-width:0}.task-subject{font-size:9px;color:var(--subject,#70917f);display:flex;align-items:center;gap:6px;margin-bottom:4px}.task-subject i{width:5px;height:5px;background:currentColor;border-radius:50%}.task-title{font-family:'DM Sans',var(--font);font-size:12px;font-weight:500;text-align:right;unicode-bidi:plaintext;line-height:1.5;overflow-wrap:anywhere}.task-meta{display:flex;align-items:center;gap:9px;font-size:9px;color:#99a49c;margin-top:6px}.task-meta svg{height:11px;width:11px}.badge{border-radius:4px;padding:1px 6px;font-size:8px;background:#f0f4ed;color:#7a9676;white-space:nowrap}.badge.review{color:#9883b2;background:#f3eff8}.badge.ospe{color:#b49a68;background:#f9f4e8}.task-action{color:#a5afa8;flex-shrink:0;padding:4px}.task-action svg{width:15px;height:15px}.empty{padding:32px;text-align:center;color:#8c9c90;font-size:12px}.empty svg{margin-bottom:9px;width:30px;height:30px;display:block;margin-inline:auto}.task-footer{font-size:9px;color:#a4ada7;display:flex;justify-content:center;align-items:center;gap:6px;margin-top:15px}.task-footer svg{height:12px;width:12px}.timer-panel{padding:20px;text-align:center}.timer-heading{display:flex;justify-content:space-between;align-items:center}.timer-heading h2{font-size:13px}.timer-heading svg{width:16px;color:#809079}.timer-tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:6px;margin:17px 0}.timer-tabs button{flex:1;font-size:9px;color:#98a196;padding:4px;border-radius:4px}.timer-tabs button.active{background:var(--surface);color:#537850;box-shadow:0 1px 4px #00000008}.timer-face{font:500 49px 'DM Sans';letter-spacing:1px;color:#314b38;line-height:1.3;margin-top:11px}.timer-caption{font-size:9px;color:#a0aaa0;margin:4px 0 18px}.timer-controls{display:flex;gap:8px}.timer-controls .btn{flex:1}.timer-controls .icon-btn{height:36px;width:36px}.timer-bottom{border-top:1px solid var(--border);margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:#9aa599}.timer-bottom span:last-child{color:#6e8a69}.deadline-panel{margin-top:16px;padding:17px}.deadline-panel h3{font-size:12px;margin-bottom:12px}.deadline{display:flex;align-items:center;gap:9px;padding:10px 0}.deadline+.deadline{border-top:1px solid var(--border)}.deadline-icon{display:grid;place-items:center;background:#f3f0e8;width:29px;height:32px;border-radius:7px;color:#b59c6e}.deadline-icon svg{width:15px}.deadline:nth-child(3) .deadline-icon{background:#f0eef8;color:#9d8cbd}.deadline-info{font-size:10px;flex:1}.deadline-info small{font-size:8px}.days-left{font:500 18px 'DM Sans';text-align:center}.days-left small{font:8px var(--font)}.subjects-section{margin-top:27px}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.subject-card{padding:15px;text-align:right;transition:transform .2s}.subject-card:hover{transform:translateY(-2px)}.subject-icon{width:29px;height:29px;border-radius:8px;background:color-mix(in srgb,var(--subject) 11%,transparent);color:var(--subject);display:grid;place-items:center;margin-bottom:9px}.subject-icon svg{height:16px;width:16px}.subject-card h3{font-size:11px;font-weight:500}.subject-card .english{font:9px 'DM Sans';color:#a1aaa2;display:block;margin-top:1px}.subject-progress{height:3px;background:var(--bg);border-radius:3px;margin:14px 0 7px;overflow:hidden}.subject-progress i{height:100%;display:block;background:var(--subject);border-radius:3px}.subject-count{font-size:8px;color:#9aa59c;display:flex;justify-content:space-between}.subject-count b{font:9px 'DM Sans';color:#748270}footer{margin:15px 40px 0;padding:20px 0;max-width:1490px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:#a9b0aa;font-size:9px}footer span{color:#81917e}footer b{color:#8fae7c;margin-right:6px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.search{position:relative;flex:1;min-width:180px}.search svg{position:absolute;top:12px;right:12px;width:16px;color:#9aa79c}.search input{width:100%;border:1px solid var(--border);background:var(--surface);padding:10px 36px 10px 12px;border-radius:8px;color:var(--text);font-size:12px}select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;padding:9px;font-size:12px}.library-list{display:grid;gap:9px}.library-row{display:flex;gap:12px;align-items:center;padding:16px}.library-row .task-info{flex:1}.library-row input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;cursor:pointer}.library-meta{font-size:10px;color:var(--muted);white-space:nowrap}.library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:var(--muted);font-size:11px}.plan-day{margin-bottom:20px}.plan-date{font-size:13px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.plan-date span{font-size:10px;color:var(--muted);font-weight:400}.warning{border:1px solid #e6d7b8;background:#fcf8ef;border-radius:8px;padding:12px 15px;font-size:11px;color:#9c804c;margin-bottom:15px}.notice{background:var(--soft);border:1px solid var(--border);padding:12px 15px;border-radius:8px;color:#6c896b;font-size:11px;margin-bottom:18px}.analytics-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.analytics-panel{padding:23px}.analytics-panel h2{font-size:15px;margin-bottom:20px}.bar-chart{height:170px;display:flex;align-items:end;gap:15px;padding-top:20px;border-bottom:1px solid var(--border)}.chart-col{flex:1;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chart-col .bar{width:55%;min-width:10px;margin:0 auto;background:#8eb78a;border-radius:5px 5px 0 0;min-height:2px}.chart-col span{font-size:9px;color:var(--muted);margin-bottom:-26px;margin-top:8px}.analytics-help{font-size:10px;color:var(--muted);margin-top:45px}.metric-row{padding:13px 0;display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--border)}.metric-row b{font-family:'DM Sans';font-weight:500}dialog{border:1px solid var(--border);border-radius:15px;padding:0;background:var(--surface);color:var(--text);max-width:560px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 20px 100px #102b2740}dialog::backdrop{background:#102a266b;backdrop-filter:blur(4px)}.modal-content{padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-head h2{font-size:19px}.modal-description{font-size:11px;color:var(--muted);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);border-radius:7px;padding:10px;background:var(--bg);color:var(--text);font-size:12px}.field textarea{min-height:110px;resize:vertical}.field small{font-size:9px}.check-field{display:flex;align-items:center;gap:8px;font-size:11px;margin:19px 0}.check-field input{accent-color:var(--green)}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.data-tools{margin-top:23px;border-top:1px solid var(--border);padding-top:18px}.data-tools p{font-size:10px;color:var(--muted);margin-bottom:10px}.data-tools>div{display:flex;gap:7px;flex-wrap:wrap}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--deep);color:#ecf6e7;border-radius:9px;padding:12px 23px;font-size:12px;box-shadow:0 6px 30px #0c2e2a30;opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-brand{display:none}.completed-note{font-size:10px;color:var(--green);margin-top:8px}.more-subjects{margin-top:12px}.mobile-only{display:none}.review-callout{margin-top:17px;padding:14px;display:flex;gap:10px;background:#f1f4ee;border:1px dashed #dfe7d9;border-radius:8px;font-size:10px;color:#8c9b83}.review-callout svg{color:#90a57f;width:17px;flex-shrink:0}.review-callout b{display:block;font-size:11px;color:#6c8262;font-weight:500;margin-bottom:2px}.storage-note{font-size:10px;margin-top:16px;color:var(--muted)}
body.dark{--bg:#14201c;--surface:#1c2b25;--text:#dbe5de;--muted:#8fa297;--border:#304037;--soft:#2c4031;--green:#5b9876;--shadow:none}body.dark .side-note{background:#26372a;border-color:#334b35;color:#acbea7}body.dark .stat-icon,body.dark .deadline-icon{background:#304438}body.dark .timer-face,body.dark .day-btn b{color:#c6dac9}body.dark .notice,body.dark .review-callout{background:#283b2c;border-color:#354d36}body.dark .warning{background:#3a3424;border-color:#5c5031;color:#d6bf8b}body.dark .hero{--deep:#0c3028}body.dark .task-meta,body.dark .english{color:#9ba99f}
@media(min-width:1600px){main{padding-top:38px}.hero{min-height:230px}.task-row{padding:19px}.stats{margin-top:22px}.subject-card{padding:20px}}
@media(max-width:1200px){.sidebar{width:220px;padding-inline:17px}.main-shell{margin-right:220px}main{padding:28px}.topbar{padding-inline:28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 255px;gap:17px}.stat{padding:14px}.stats{gap:10px}.subject-grid{gap:9px}footer{margin-inline:28px}.hero-orbit{margin-left:0}.hero{padding:24px}}
@media(max-width:1020px){.sidebar{width:190px;padding-inline:13px}.main-shell{margin-right:190px}.brand{font-size:27px;padding:0}.brand span:not(.brand-mark){font-size:7px}.workspace-tag{font-size:10px}.nav-item{font-size:12px;gap:9px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:17px}.deadline-panel{margin:0}.review-callout{grid-column:1/-1;margin:0}.timer-face{font-size:40px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-top{font-size:9px}.stat-icon{display:none}.hero h2{font-size:23px}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{width:100%;height:64px;inset:auto 0 0;border:0;border-top:1px solid var(--border);padding:5px 8px;display:block}.sidebar .brand,.workspace-tag,.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:2px;height:100%;align-items:center;justify-content:space-around}.nav-item{flex-direction:column;justify-content:center;gap:3px;padding:5px 7px;font-size:9px;min-width:65px;background:none!important}.nav-item svg{width:19px;height:19px}.nav-item.active{color:var(--green)}.nav-item .nav-count{display:none}.main-shell{margin:0;padding-bottom:70px}.topbar{height:61px;padding-inline:20px}.breadcrumb{font-size:11px}.breadcrumb:before{content:'أثر';font-size:19px;font-weight:700;color:var(--green);margin-left:8px}.top-actions{gap:10px}.saved{font-size:8px}.header-avatar{display:none}.icon-btn{height:29px;width:29px}main{padding:23px 18px 16px}.page-head{margin-bottom:19px}h1{font-size:24px}.page-head p{font-size:10px}.eyebrow{font-size:9px}.head-date{font-size:9px}.head-date svg{display:none}.hero{min-height:210px;padding:23px 20px;border-radius:11px}.hero h2{font-size:23px}.hero p{font-size:10px;max-width:210px}.hero-orbit{width:107px;height:107px;margin-right:5px}.hero-orbit:after{width:88px;height:88px}.orbit-progress{width:76px;height:76px}.orbit-progress>div{width:68px;height:68px}.orbit-progress b{font-size:23px}.orbit-progress small{font-size:7px}.orbit-star{left:0;top:10px;font-size:12px}.hero-actions{gap:12px}.hero-actions .btn{font-size:10px;padding:8px 10px}.pill{font-size:8px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0 24px}.stat{padding:13px 15px}.stat-icon{display:grid;width:25px;height:25px}.stat-value{font-size:25px;margin-top:0}.stat-top{font-size:10px}.stat-note{font-size:8px}.dashboard-grid{gap:24px}.section-head h2{font-size:15px}.section-head p{font-size:9px}.week-strip{padding:8px;gap:3px}.day-btn{font-size:8px}.day-btn b{font-size:17px}.task-row{padding:14px 12px;gap:10px}.task-title{font-size:12px}.task-subject{font-size:9px}.task-meta{font-size:8px}.right-rail{gap:11px;grid-template-columns:1fr 1fr}.timer-panel,.deadline-panel{padding:14px}.timer-heading h2{font-size:11px}.timer-heading svg{width:13px}.timer-tabs{margin:12px 0}.timer-tabs button{font-size:8px;padding:3px}.timer-face{font-size:34px}.timer-caption{font-size:8px}.timer-controls .btn{padding:7px;font-size:10px}.timer-controls .icon-btn{width:30px;height:32px}.timer-bottom{font-size:8px;gap:4px}.deadline-panel h3{font-size:11px}.deadline{gap:7px;padding:13px 0}.deadline-icon{width:25px;flex-shrink:0}.deadline-info{font-size:9px}.days-left{font-size:17px}.deadline-info small{font-size:8px}.subject-grid{grid-template-columns:repeat(2,1fr)}.subject-card{padding:15px}.subject-card h3{font-size:12px}.subject-card .english{font-size:10px}.subject-count{font-size:9px}.subject-count b{font-size:10px}footer{margin-inline:18px;font-size:8px;padding:16px 0}.page-head .btn{font-size:10px;padding:8px 10px}.library-meta{display:none}.toolbar{gap:8px}.toolbar select{max-width:48%;font-size:11px}.toolbar .search{flex-basis:100%}.library-row{padding:13px 11px}.form-grid{gap:12px}.modal-content{padding:22px 19px}.analytics-panel{padding:18px}.toast{width:max-content;max-width:calc(100% - 30px);bottom:82px;text-align:center;font-size:11px}.storage-note{font-size:9px}}
@media(max-width:370px){.hero-orbit{display:none}.head-date{display:none}.right-rail{grid-template-columns:1fr}.hero h2{font-size:24px}.hero p{max-width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,footer,.toolbar,.page-head .btn,.task-action,.check-btn,.right-rail,.hero-actions{display:none!important}.main-shell{margin:0}.task-row,.panel,.stat{break-inside:avoid}.hero{color:#143c35;background:#f1f4ed}.hero p{color:#555}.hero-orbit{display:none}main{padding:0}.dashboard-grid{display:block}body{background:#fff}}
/* Athar: time is measured only by the focus timer. */
.today-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid #d8e5dc;border-radius:12px;padding:13px 18px;box-shadow:0 4px 18px #143c3504;flex-shrink:0}.today-card>svg{width:25px;height:25px;color:var(--green)}.today-card span{font-size:11px;color:var(--green);display:block}.today-card strong{font-size:17px;font-weight:600;display:block;letter-spacing:-.2px}.page-head{gap:18px}.medical-hero{isolation:isolate;background:linear-gradient(110deg,#123c35,#17483e 60%,#143d35);min-height:220px}.medical-hero:before,.medical-hero:after{display:none}.medical-illustration{position:absolute;left:0;top:0;width:65%;height:100%;pointer-events:none;z-index:0;stroke:none}.medical-hero .hero-orbit{z-index:1;background:#143c3533;border-radius:50%}.medical-hero .hero-copy{max-width:65%}.medical-hero h2{font-size:29px}.hero .pill{font-family:'DM Sans',var(--font);font-size:10px}.course-status{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 0 13px;margin-bottom:22px;font-size:12px;color:#718b76}.habit-quote{margin:20px 0;padding:18px 22px;border-right:3px solid #99b981;background:linear-gradient(90deg,transparent,#eaf0e54d);border-radius:0 7px 7px 0}.habit-quote p{font-size:14px;color:#57734e;line-height:1.9}.habit-quote cite{font-style:normal;color:#94a18b;font-size:9px;display:block;margin-top:6px}.habit-quote a:hover{text-decoration:underline}.timer-durations{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:right}.timer-durations label{font-size:9px;color:var(--muted)}.timer-durations select{display:block;width:100%;font-size:10px;padding:7px;margin-top:4px;background:var(--bg)}.timer-face{font-size:47px}.timer-bottom{line-height:1.8}.timer-bottom b{display:block;font-weight:500;color:var(--green)}.transfer-panel{padding:20px;margin-top:20px}.transfer-panel h3{font-size:14px;margin-bottom:15px}.transfer-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.transfer-options p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:9px}.transfer-panel>small{font-size:10px;margin-top:15px;padding-top:12px;border-top:1px solid var(--border)}.data-tools h3{font-size:13px;margin-bottom:8px}.data-tools p{line-height:2;font-size:11px}.resource-links{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;color:var(--green);margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.resource-links a:hover{text-decoration:underline}.week-navigation{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:9px}.week-navigation .icon-btn{width:25px;height:25px;border:0}.week-navigation .next-week{transform:rotate(180deg)}.day-btn.is-today:not(.active){outline:1px solid #c4d9c4;outline-offset:-1px}.library-update{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.library-update p{font-size:11px;color:var(--muted)}.credits{font-family:var(--font);font-size:12px!important}.credits a{color:var(--green);font-weight:600}.credits a:hover{text-decoration:underline}.subject-card .subject-count{gap:8px}.review-callout small{font-size:8px;color:var(--muted);margin-top:7px}.friday-reminder[hidden]{display:none!important}.friday-reminder{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 30px));z-index:80;background:var(--surface);border:1px solid #d8d4b7;box-shadow:0 12px 45px #142c2b30;border-radius:12px;padding:17px 20px;display:flex;gap:14px;align-items:center;overflow:hidden}.friday-symbol{width:39px;height:39px;display:grid;place-items:center;background:#f6f1df;color:#ac965c;border-radius:50%;font-size:24px}.friday-reminder strong{font-size:14px}.friday-reminder p{font-size:11px;color:var(--muted)}.friday-reminder a{margin-right:auto;color:#6a8256;background:#eff4e9;border:1px solid #dce6ce;border-radius:7px;font-size:11px;padding:7px 12px;white-space:nowrap}.friday-reminder>button{font-size:22px;color:var(--muted);padding:0 3px}.friday-countdown{position:absolute;bottom:0;right:0;height:3px;background:#b7c694;width:100%;transform-origin:right;animation:fridayProgress 7s linear forwards}@keyframes fridayProgress{to{transform:scaleX(0)}}body.dark .today-card{border-color:#455d49}body.dark .habit-quote p{color:#adc7a0}body.dark .habit-quote{background:#213627}body.dark .friday-reminder{border-color:#5e6246}body.dark .friday-reminder a{background:#32432b;color:#c4d5b2;border-color:#506142}body.dark .friday-symbol{background:#3c3a27}.breadcrumb:before{content:none}
@media(max-width:1200px){.medical-hero h2{font-size:27px}.today-card{padding:11px 14px}.today-card strong{font-size:15px}}
@media(max-width:1020px){.medical-hero h2{font-size:25px}.timer-face{font-size:41px}.right-rail .review-callout{grid-column:1/-1}.timer-durations select{font-size:10px}}
@media(max-width:760px){.breadcrumb:before{content:'أثر';font-size:20px}.page-head{flex-wrap:wrap}.page-head:has(.today-card){flex-direction:column;align-items:stretch;gap:15px}.today-card{padding:12px 15px;gap:12px;justify-content:flex-start}.today-card>svg{width:24px;height:24px}.today-card>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.today-card strong{font-size:16px}.today-card span{font-size:11px}.page-head h1{font-size:24px}.medical-hero{min-height:205px}.medical-hero h2{font-size:25px}.medical-illustration{width:80%;left:-10%;opacity:.7}.medical-hero .hero-copy{max-width:70%}.medical-hero .hero-orbit{width:90px;height:90px;margin:0}.medical-hero .hero-orbit:before,.medical-hero .hero-orbit:after{display:none}.medical-hero .orbit-progress b{font-size:21px}.course-status{font-size:11px;margin-bottom:18px}.timer-panel{padding:13px 11px}.timer-durations{gap:5px}.timer-durations label{font-size:8px}.timer-durations select{padding:6px 2px;font-size:9px}.timer-face{font-size:32px;margin-top:15px}.timer-caption{min-height:28px;margin-bottom:9px}.timer-controls .btn{font-size:10px;padding-inline:5px}.timer-bottom{font-size:8px;display:block}.timer-bottom>span{display:block}.timer-bottom b{display:inline;margin-right:4px}.habit-quote{padding:15px 16px}.habit-quote p{font-size:12px}.habit-quote cite{font-size:8px}.transfer-panel{padding:17px}.transfer-options{gap:13px}.transfer-options .btn{font-size:10px;padding-inline:8px}.transfer-options p{font-size:10px}.transfer-panel>small{font-size:9px}.library-update{align-items:flex-start;flex-direction:column}.toolbar select{max-width:100%;font-size:11px;flex:1}.library-head{font-size:10px}.library-row .task-meta{font-size:9px}.friday-reminder{top:10px;padding:14px 12px;gap:9px}.friday-symbol{width:30px;height:30px;flex-shrink:0;font-size:21px}.friday-reminder strong{font-size:12px}.friday-reminder p{font-size:10px}.friday-reminder a{padding:6px 8px;font-size:10px}.credits{font-size:11px!important}}
@media(max-width:370px){.transfer-options{grid-template-columns:1fr}.timer-durations label{font-size:10px}.timer-durations select{font-size:11px}.medical-hero .hero-copy{max-width:100%}.today-card>div{gap:3px}.friday-symbol{display:none}}
@media print{.friday-reminder,.transfer-panel,.habit-quote,.week-navigation{display:none!important}.medical-illustration{display:none}.medical-hero{background:#f1f4ed}.hero h2 span{color:#315f3b}footer .credits{display:block}}
.plan-date .plan-day-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text);font-size:13px;font-weight:500}.priority-badge{font-size:10px;font-weight:400;padding:2px 7px;white-space:nowrap}.plan-date .priority-badge{font-size:10px}.priority-notice{line-height:1.9}.plan-date{gap:10px}.section-head h2:has(.priority-badge){flex-wrap:wrap}
@media(max-width:760px){.plan-date{align-items:flex-start}.plan-date>span:last-child{font-size:9px;white-space:nowrap}.plan-date .plan-day-label{font-size:12px;gap:5px}.priority-badge,.plan-date .priority-badge{font-size:9px}.section-head h2:has(.priority-badge){gap:6px;font-size:14px}}
.completed-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.completed-section .section-head{gap:12px}.completed-section .section-head h2{font-size:15px}.completed-section .section-head h2>svg{width:17px;height:17px;color:var(--green)}.completed-hint,.text-muted{color:var(--muted);font-size:10px}.completed-section .task-row{background:color-mix(in srgb,var(--surface) 90%,var(--soft))}.plan-balance-summary{padding:17px 20px;margin-bottom:23px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.plan-balance-summary>div{display:flex;align-items:center;gap:11px}.plan-balance-summary span{font-size:11px;color:var(--muted)}.plan-balance-summary strong{font:500 24px 'DM Sans',sans-serif}.plan-balance-summary p{flex-basis:100%;font-size:10px;color:var(--muted);line-height:1.8;margin-top:-13px}.task-list>.completed-section{margin-top:15px}
@media(max-width:760px){.completed-section .section-head{align-items:flex-start;flex-direction:column;gap:5px}.completed-hint,.text-muted{font-size:9px}.plan-balance-summary{padding:14px;gap:20px}.plan-balance-summary span{font-size:10px}.plan-balance-summary strong{font-size:23px}.plan-balance-summary p{font-size:9px}}
.empty-plan{padding:35px 22px;text-align:center}.empty-plan-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:var(--soft);color:var(--green);margin:0 auto 16px}.empty-plan-icon svg{width:25px;height:25px}.empty-plan h2{font-size:19px}.empty-plan p{font-size:12px;color:var(--muted);max-width:430px;margin:10px auto 20px;line-height:2}.empty-plan .btn{font-size:12px;padding:10px 17px}.auto-plan-label{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:11px}.auto-plan-label svg{width:15px;height:15px}.theory-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:9px;background:var(--bg);font-size:12px;text-align:right}.theory-toggle strong{font-size:10px;font-weight:500;color:var(--muted);background:var(--surface);border-radius:20px;padding:3px 10px}.theory-toggle[aria-pressed="true"]{background:var(--soft);border-color:#88ad91;color:var(--green)}.theory-toggle[aria-pressed="true"] strong{background:var(--green);color:white}.settings-status{font-size:10px;color:var(--green);margin-top:15px;min-height:20px;line-height:1.9}
@media(max-width:760px){.empty-plan{padding:28px 17px}.empty-plan h2{font-size:18px}.empty-plan p{font-size:11px}.empty-plan .btn{font-size:11px}.auto-plan-label{font-size:10px}}
#settings-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:24px;margin:22px 0}#settings-form .field{min-width:0;gap:9px}#settings-form .field input,#settings-form .field select{min-width:0;max-width:100%;min-inline-size:0;min-height:46px}#settings-form input[type="date"]{display:block;inline-size:100%;padding:12px;box-sizing:border-box}.theory-choice{display:flex;align-items:center;gap:12px;width:100%;padding:15px;border:1px solid var(--border);border-radius:9px;background:var(--bg);font-size:13px;cursor:pointer}.theory-choice input{width:22px;height:22px;flex:0 0 22px;accent-color:var(--green);margin:0}.theory-choice:has(input:checked){background:var(--soft);border-color:#88ad91;color:var(--green)}
@media(max-width:620px){#settings-form .form-grid{grid-template-columns:minmax(0,1fr);row-gap:21px;margin:20px 0}#settings-form .field{font-size:12px}.theory-choice{font-size:12px;padding:14px}}
/* Keep native iPad/Safari date controls inside separate full-width rows. */
#settings-form .form-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin:24px 0}#settings-form .form-grid>.field{flex:none;width:100%;max-width:100%;min-width:0;margin:0;gap:10px}#settings-form .plan-date-control{display:block;position:relative;min-width:0;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--bg)}#settings-form .plan-date-control input[type="date"]{-webkit-appearance:none;appearance:none;display:block;width:100%!important;inline-size:100%!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;max-inline-size:100%!important;height:48px;box-sizing:border-box!important;border:0;background:transparent;margin:0;padding:12px 14px;font:inherit;font-size:14px;direction:ltr;text-align:right}#settings-form .plan-date-control input[type="date"]::-webkit-date-and-time-value{min-height:1.2em;text-align:right}#settings-form .plan-date-control:focus-within{outline:2px solid #83b58d;outline-offset:2px}#settings-form .plan-date-control input:focus-visible{outline:none}
.plan-balance-summary>.remaining-primary{flex-direction:column;align-items:flex-start;gap:5px}.remaining-total{display:flex;align-items:center;gap:11px}.remaining-breakdown{display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.8}
@media(max-width:760px){.remaining-breakdown{font-size:10px}}

/* ATHAR · Modern Minimal + balanced achievements */
.achievement-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;margin-bottom:16px;background:linear-gradient(115deg,var(--surface),var(--soft));border:1px solid var(--border);border-radius:14px}
.achievement-level{flex:1;min-width:0}.level-kicker{font-size:11px;color:var(--muted)}.achievement-level h2{font-size:25px;margin:4px 0}.achievement-level p{font-size:13px;color:var(--green);font-weight:600}.level-track{height:8px;background:var(--border);border-radius:20px;overflow:hidden;margin:16px 0 7px}.level-track i{display:block;height:100%;background:var(--green);border-radius:20px;transition:width .5s ease}.achievement-level small{font-size:10px}
.level-emblem{width:100px;height:100px;border-radius:50%;background:var(--surface);border:1px solid #d6a64f66;color:#c2933e;display:grid;place-items:center;position:relative;box-shadow:0 8px 24px #9c854018}.level-emblem svg{width:42px;height:42px}.level-emblem b{position:absolute;bottom:8px;right:8px;background:var(--green);color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font:600 12px 'DM Sans'}
.achievement-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 26px}.achievement-stats>div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:15px;text-align:center}.achievement-stats b{display:block;font:600 23px 'DM Sans';color:var(--green)}.achievement-stats span{font-size:10px;color:var(--muted)}
.achievement-section-head{margin-bottom:13px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.achievement-card{display:flex;align-items:center;gap:13px;min-width:0;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:transform .18s,border-color .18s}.achievement-card.unlocked{border-color:#b9d8cb}.achievement-card:hover{transform:translateY(-2px)}.achievement-card.locked{opacity:.65}.achievement-symbol{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center}.achievement-symbol svg{width:21px;height:21px}.achievement-symbol.green{background:#e4eee9;color:#176b5b}.achievement-symbol.orange{background:#fff0e2;color:#c27a35}.achievement-symbol.gold{background:#f8f0df;color:#b68b3c}.achievement-symbol.blue{background:#e8eff8;color:#5b7ca7}.achievement-symbol.purple{background:#f0ebf7;color:#8063a8}.achievement-copy{min-width:0;flex:1}.achievement-copy h3{font-size:13px}.achievement-copy p{font-size:10px;color:var(--muted);margin:2px 0 5px}.achievement-copy span{font-size:9px;color:var(--green)}.achievement-card.locked .achievement-copy span{color:var(--muted)}.achievement-check{color:var(--green)}.achievement-check svg{width:18px}.lock-mark{font-size:9px;color:var(--muted);border:1px solid var(--border);padding:3px 7px;border-radius:20px}
.xp-history{margin-top:22px;padding:19px}.xp-history h2{margin-bottom:10px}.xp-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--border);font-size:11px}.xp-row b{color:var(--green);font:600 12px 'DM Sans'}.xp-row small{font-size:9px}.empty-xp{color:var(--muted);font-size:11px;padding:10px 0}
.analytics-xp{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;margin:-8px 0 18px}.analytics-xp span{display:block;color:var(--muted);font-size:10px}.analytics-xp b{font:600 20px 'DM Sans';color:var(--green)}
body.dark .achievement-hero{background:linear-gradient(115deg,var(--surface),#263c33)}body.dark .achievement-symbol.green{background:#29463b;color:#8fc9b0}body.dark .achievement-symbol.orange{background:#49382b;color:#e0a66d}body.dark .achievement-symbol.gold{background:#453c2b;color:#dfbd72}body.dark .achievement-symbol.blue{background:#2b3d50;color:#9cb8dc}body.dark .achievement-symbol.purple{background:#3a3048;color:#bba4dc}body.dark .achievement-card.unlocked{border-color:#426b59}
@media(max-width:760px){.achievement-grid{grid-template-columns:1fr}.achievement-stats{grid-template-columns:repeat(2,1fr)}.achievement-hero{padding:20px}.level-emblem{width:76px;height:76px}.level-emblem svg{width:32px}.xp-row{grid-template-columns:1fr auto}.xp-row small{grid-column:1/-1}.analytics-xp{gap:10px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.achievement-card,.level-track i{transition:none}}