@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";:root{--ink:#101b3d;--ink-soft:#344065;--paper:#f6f5f0;--card:#fffefb;--line:#e4e4de;--mint:#7be0bd;--mint-deep:#1e9e78;--coral:#ff987d;--gold:#f7cc69;--blue:#8baeea;--muted:#777c8d;--shadow:0 16px 42px rgba(16,27,61,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1440px;margin:0 auto;padding:0 5.2vw 30px;overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-size:21px;letter-spacing:-.8px;direction:ltr}.brand strong{font-weight:800}.brand-mark{width:31px;height:31px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:2px;background:var(--ink);transform:rotate(-5deg)}.brand-mark span{width:3px;border-radius:10px;background:var(--mint);display:block}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:13px}.topbar-actions{display:flex;align-items:center;gap:13px}.today-chip{color:var(--ink-soft);font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:#ffffff61}.status-dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--mint-deep);margin-left:6px;box-shadow:0 0 0 4px #7be0bd40}.icon-button{border:0;background:var(--ink);color:#fff;width:34px;height:34px;border-radius:11px;transition:transform .2s}.icon-button:hover{transform:translateY(-2px)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:7.2vw;padding:76px 0 47px;align-items:end}.hero-copy{padding-right:4vw}.eyebrow,.section-label{font-size:11px;color:var(--mint-deep);font-weight:800;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px}.eyebrow-line{display:inline-block;width:30px;height:2px;background:var(--mint-deep)}.hero-copy h1{font-size:clamp(44px,6.1vw,88px);line-height:.99;letter-spacing:-4px;margin:0;font-weight:800}.hero-copy h1 em{color:var(--mint-deep);font-style:normal}.hero-copy p{max-width:380px;color:var(--muted);font-size:15px;line-height:1.85;margin:24px 0 18px}.hero-meta{display:flex;gap:9px;align-items:center;color:var(--ink-soft);font-size:12px;font-weight:700}.mini-icon{color:var(--coral);font-size:17px}.divider{height:14px;width:1px;background:var(--line)}.next-exam-card{min-height:265px;background:var(--ink);color:#fff;border-radius:23px 23px 23px 5px;padding:27px 29px 0;box-shadow:18px 18px 0 var(--mint);position:relative;overflow:hidden}.next-exam-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid rgba(123,224,189,.23);left:-44px;bottom:-76px;box-shadow:0 0 0 19px #7be0bd0d,0 0 0 38px #7be0bd0a}.card-kicker{display:flex;justify-content:space-between;color:#b8c0da;font-size:11px;font-weight:700;letter-spacing:1px}.pulse-ring{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px #ff987d29}.next-exam-main{display:flex;gap:16px;align-items:center;margin-top:26px}.exam-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:27px}.exam-icon.coral,.exam-row-icon.coral{background:var(--coral)}.exam-icon.blue,.exam-row-icon.blue{background:var(--blue)}.exam-icon.gold,.exam-row-icon.gold{background:var(--gold)}.exam-icon.mint,.exam-row-icon.mint{background:var(--mint)}.next-exam-main h2{font-size:28px;margin:0 0 3px;letter-spacing:-1px}.next-exam-main p{color:#abb4d0;font-size:12px;margin:0}.countdown{display:flex;align-items:baseline;gap:9px;margin-top:26px}.countdown strong{font-size:52px;letter-spacing:-3px;line-height:1}.countdown span{color:#bcc4db;font-size:12px}.next-exam-footer{border-top:1px solid rgba(255,255,255,.13);padding:16px 0;margin-top:22px;display:flex;justify-content:space-between;color:#c6ccde;font-size:11px;position:relative;z-index:1}.arrow{color:var(--mint);font-size:17px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:74px}.stat-card{display:flex;align-items:center;gap:12px;min-height:88px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 17px;position:relative}.stat-icon{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800}.stat-icon.dark{color:#fff;background:var(--ink)}.stat-icon.mint{background:#7be0bd52;color:var(--mint-deep)}.stat-icon.coral{background:#ff987d3b;color:#d6654a}.stat-card div{display:flex;flex-direction:column;gap:2px}.stat-card strong{font-size:22px;letter-spacing:-1px}.stat-card div span{font-size:11px;color:var(--muted);font-weight:700}.slash{font-size:14px;color:#a0a5b2;margin:0 3px}.stat-card small{margin-right:auto;align-self:flex-end;color:#9c9fa8;font-size:10px}.content-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.82fr);gap:6vw;align-items:start}.main-column,.side-column{min-width:0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-heading h2{font-size:27px;letter-spacing:-1px;margin:5px 0 0}.section-label{display:block;text-transform:uppercase}.text-button{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;padding:7px 0}.text-button span{color:var(--mint-deep);font-size:16px;margin-right:4px}.today-plan-card{background:var(--card);border:1px solid var(--line);border-right:5px solid var(--mint);border-radius:18px;padding:24px 26px 22px;box-shadow:var(--shadow)}.today-plan-card.english{border-right-color:var(--coral)}.today-plan-card.python{border-right-color:var(--blue)}.today-plan-card.statistics{border-right-color:var(--gold)}.today-plan-card.calculus{border-right-color:var(--mint)}.today-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.date-badge{color:var(--muted);font-size:11px;font-weight:700}.today-plan-card h3{margin:7px 0 0;font-size:25px;letter-spacing:-.8px}.priority-pill,.table-priority{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.priority-pill.normal,.table-priority.normal{background:#eef7f3;color:var(--mint-deep)}.priority-pill.high,.table-priority.high{background:#fff2df;color:#b27616}.priority-pill.urgent,.table-priority.urgent{background:#ffebe4;color:#c45c45}.priority-pill.exam,.table-priority.exam{background:var(--ink);color:#fff}.plan-divider{height:1px;background:var(--line);margin:20px 0 15px}.plan-text{margin:0;font-size:19px;font-weight:700;letter-spacing:-.3px}.today-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.primary-button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:800;transition:transform .2s,background .2s}.primary-button:hover{background:#26345f;transform:translateY(-1px)}.plan-note{font-size:10px;color:var(--muted)}.tasks-card{margin-top:36px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 26px 16px}.task-heading{align-items:center;margin-bottom:20px}.task-heading h2{display:flex;align-items:center;gap:9px}.task-count{font-size:11px;font-weight:700;color:var(--mint-deep);background:#e8f8f1;border-radius:99px;padding:4px 8px;letter-spacing:0}.progress-mini{width:110px;height:6px;border-radius:10px;background:#edf0ed;overflow:hidden}.progress-mini span{display:block;height:100%;background:var(--mint-deep);border-radius:10px;transition:width .3s}.add-task-form{display:flex;gap:8px;margin-bottom:17px}.add-task-form input{min-width:0;flex:1;border:1px solid var(--line);background:#fbfbf8;outline:none;border-radius:9px;padding:11px 12px;font-size:12px;color:var(--ink)}.add-task-form input:focus{border-color:var(--mint-deep);box-shadow:0 0 0 3px #7be0bd29}.add-task-form select{width:100px;border:1px solid var(--line);border-radius:9px;background:#fbfbf8;color:var(--ink-soft);font-size:11px;padding:0 6px;outline:none}.add-task-form button{border:0;background:var(--mint);color:var(--ink);border-radius:9px;padding:0 15px;font-size:11px;font-weight:800}.task-item{min-height:49px;display:flex;align-items:center;gap:10px;border-top:1px solid #eff0ec;cursor:pointer}.task-item input{position:absolute;opacity:0}.checkmark{width:21px;height:21px;border:1.5px solid #c8cec9;border-radius:7px;display:grid;place-items:center;font-size:13px;color:transparent;transition:all .18s}.task-item.done .checkmark{color:var(--ink);border-color:var(--mint);background:var(--mint)}.task-text{font-size:13px;font-weight:700;transition:color .18s,text-decoration .18s}.task-item.done .task-text{color:#a2a5ac;text-decoration:line-through}.task-subject{margin-right:auto;color:var(--muted);font-size:10px;background:#f2f3f0;padding:5px 8px;border-radius:999px}.delete-task{opacity:0;border:0;background:none;color:#a5a7ac;font-size:19px;padding:0 0 0 4px;transition:opacity .18s}.task-item:hover .delete-task{opacity:1}.task-footer{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.task-footer strong{color:var(--mint-deep)}.footer-spacer{flex:1}.saved-note{font-size:10px;color:#9ca39f}.empty-state{text-align:center;padding:24px 0;color:var(--muted)}.empty-state span{display:block;color:var(--mint-deep);font-size:22px}.empty-state p{font-size:12px;margin:6px 0 0}.exams-list{display:flex;flex-direction:column;gap:9px}.exam-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 12px;transition:transform .18s,border-color .18s}.exam-row:hover{transform:translate(-3px)}.exam-row.active{border-color:var(--mint-deep);box-shadow:0 0 0 2px #7be0bd2e}.exam-row-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:18px}.exam-row-copy{display:flex;flex-direction:column;gap:2px}.exam-row-copy strong{font-size:13px}.exam-row-copy span{color:var(--muted);font-size:10px}.exam-row-time{margin-right:auto;text-align:left;display:flex;flex-direction:column;align-items:flex-end}.exam-row-time strong{font-size:18px;line-height:1}.exam-row-time span{color:var(--muted);font-size:9px;margin-top:2px}.quote-card{background:var(--mint);border-radius:17px 17px 5px;padding:22px 23px;margin-top:22px;min-height:155px;position:relative;overflow:hidden}.quote-card:after{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(16,27,61,.14);border-radius:50%;left:-20px;bottom:-53px;box-shadow:0 0 0 11px #101b3d0a,0 0 0 22px #101b3d08}.quote-mark{font-family:Georgia,serif;font-size:40px;line-height:.5;color:#101b3d73}.quote-card p{font-size:14px;line-height:1.65;font-weight:800;margin:8px 0 13px;max-width:240px}.quote-line{display:inline-block;width:21px;height:2px;background:var(--ink);margin-left:6px;vertical-align:middle}.quote-card small{font-size:10px;font-weight:700}.schedule-section{margin-top:92px}.schedule-heading{align-items:end}.schedule-legend{display:flex;gap:15px;color:var(--muted);font-size:10px;font-weight:700}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:4px}.legend-dot.mint{background:var(--mint-deep)}.legend-dot.coral{background:var(--coral)}.legend-dot.dark{background:var(--ink)}.schedule-table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.schedule-table-wrap table{border-collapse:collapse;width:100%;min-width:760px;text-align:right}.schedule-table-wrap th{color:var(--muted);font-size:10px;font-weight:700;background:#fafaf7;padding:16px 18px;border-bottom:1px solid var(--line)}.schedule-table-wrap td{padding:14px 18px;border-bottom:1px solid #eff0ec;font-size:12px;color:var(--ink-soft);vertical-align:middle}.schedule-table-wrap tr:last-child td{border-bottom:0}.schedule-table-wrap tbody tr{transition:background .18s;cursor:pointer}.schedule-table-wrap tbody tr:hover,.schedule-table-wrap tbody tr.active-row{background:#f3fbf7}.schedule-table-wrap td:first-child{color:var(--ink)}.schedule-table-wrap td:first-child strong{font-size:12px}.table-focus{display:block;width:max-content;max-width:100%;padding:5px 9px;border-radius:7px;font-weight:800;font-size:11px}.table-focus.english{background:#fff0e9;color:#c7654d}.table-focus.python{background:#eef3ff;color:#577ab8}.table-focus.statistics{background:#fff7e3;color:#a57b24}.table-focus.calculus{background:#e9f8f1;color:#2c9472}.table-priority{margin-top:5px}.row-select{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:5px 8px;font-size:10px}.active-row .row-select{color:var(--mint-deep);border-color:var(--mint);background:#e8f8f1}.footer{border-top:1px solid var(--line);margin-top:65px;padding-top:18px;display:flex;justify-content:space-between;color:#9a9da8;font-size:10px}.footer span:first-child{font-weight:800;color:var(--ink)}@media(max-width:900px){.app-shell{padding:0 24px 25px}.hero-grid{gap:35px}.hero-copy{padding-right:0}.content-layout{gap:30px}.stat-card small{display:none}}@media(max-width:700px){.app-shell{padding:0 17px 20px}.topbar{height:68px}.today-chip{display:none}.hero-grid{grid-template-columns:1fr;padding:48px 0 32px;gap:44px}.hero-copy h1{letter-spacing:-2.5px;font-size:52px}.next-exam-card{box-shadow:10px 10px 0 var(--mint)}.stats-row{grid-template-columns:1fr;gap:8px;margin-bottom:52px}.stat-card{min-height:68px}.stat-card small{display:block}.content-layout{grid-template-columns:1fr}.side-column{order:-1}.exams-list{display:grid;grid-template-columns:1fr 1fr}.quote-card{display:none}.section-heading h2{font-size:24px}.today-plan-card,.tasks-card{padding:20px 18px 15px}.today-plan-top{flex-direction:column;gap:12px}.today-actions{align-items:flex-start;flex-direction:column;gap:10px}.add-task-form{flex-wrap:wrap}.add-task-form input{flex-basis:100%;height:42px}.add-task-form select{flex:1;height:40px}.add-task-form button{height:40px}.schedule-section{margin-top:63px}.schedule-heading{align-items:flex-start;flex-direction:column;gap:13px}.schedule-legend{gap:10px}.footer{margin-top:45px}}@media(max-width:430px){.exams-list{grid-template-columns:1fr}.exam-row{padding:9px 10px}.plan-text{font-size:17px}.progress-mini{width:78px}.task-heading h2{gap:6px}}@media(hover:none){.delete-task{opacity:1}}
