@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
:root{--paper:#fbf9f5;--ink:#493b48;--muted:#93858f;--purple:#806480;--rose:#d3a2ac;--gold:#b79b68;--line:#eae3e3;--white:#fffefd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;font-size:14px;line-height:1.8}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{transition:background .2s,transform .2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input,textarea,select{width:100%;border:1px solid var(--line);background:#fffefd;color:var(--ink);border-radius:9px;padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #80648010}input::placeholder{color:#b3a8ae;font-size:13px}label{display:block;font-size:13px;font-weight:500;margin:18px 0}label input,label select,label textarea{display:block;margin-top:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1{font-size:34px;line-height:1.6}h2{font-size:23px}h3{font-size:20px}em{font-style:normal;color:var(--purple)}.brand{display:flex;align-items:center;gap:9px}.brand img{width:48px;height:65px;object-fit:contain}.brand>span{font-family:Amiri,serif;font-size:29px;line-height:1.4}.brand small{display:block;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:10px;color:var(--muted);margin-top:5px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--gold);margin-bottom:10px}.muted{color:var(--muted)}.gold{color:var(--gold)}.primary,.outline,.danger{display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:8px;padding:11px 22px;font-size:13px;min-height:44px}.primary{border:1px solid var(--purple);background:var(--purple);color:white}.primary:hover{background:#70566f}.outline{background:transparent;border:1px solid #ded4dc;color:var(--purple)}.danger{background:#fff2f0;border:1px solid #e6c7c3;color:#9c4f4b}.text-button,.icon-button{border:0;background:none;color:var(--purple);padding:5px 0;font-size:12px}.icon-button{font-size:24px;padding:0 8px}.private-tag{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.private-tag>span{color:var(--gold);font-size:20px}.login-page{min-height:100vh;background:radial-gradient(ellipse at 85% 15%,#f2e6e64f,transparent 50%),var(--paper)}.login-header{padding:25px 6.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebe5e2}.login-main{max-width:1190px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;padding:60px 50px 48px}.welcome{position:relative;min-height:610px;padding:15px 15px 0}.welcome h1{font-family:Amiri,serif;font-size:60px;line-height:1.5;margin:8px 0 18px;font-weight:400}.welcome h1 span{color:var(--purple)}.intro{color:var(--muted);line-height:2.1;font-size:14px}.art-frame{position:relative;height:290px;width:100%;margin-top:-12px}.art-frame:before{content:'';position:absolute;inset:8px 30px 0 50px;border:1px solid #d2bba34d;border-radius:50% 50% 0 0;transform:rotate(-10deg);background:radial-gradient(ellipse,#f0e1e26b,transparent 70%)}.art-frame img{height:320px;width:260px;object-fit:contain;position:absolute;left:50%;transform:translateX(-50%) rotate(-10deg);top:-20px;animation:float 7s ease-in-out infinite}.art-caption{position:absolute;bottom:0;right:0;font-family:Amiri,serif;font-size:16px;color:#a18978;writing-mode:vertical-rl}.little-ornament{display:flex;justify-content:center;align-items:center;gap:13px;color:var(--gold);margin-top:35px}.little-ornament span{height:1px;width:65px;background:linear-gradient(90deg,transparent,#c7b18b,transparent)}.login-card{background:#fffefdd9;border:1px solid #e9e1e2;border-radius:18px;box-shadow:0 18px 80px #77556807;padding:39px 40px 0;position:relative}.login-card:before{content:'';position:absolute;top:-1px;right:30%;left:30%;height:2px;background:var(--gold)}.lock-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e6d9d9;background:#f8f2f4;border-radius:14px;color:var(--purple);font-size:32px;margin-bottom:23px}.login-card h2{font-size:23px;margin-bottom:9px}.login-card>.muted{font-size:12px;margin-bottom:25px}.password-field{position:relative}.password-field input{padding-left:45px}.password-field button{position:absolute;left:15px;top:10px;border:0;background:none;color:#aa9aa7}.login-card .text-button{display:block;margin-right:auto}.login-card .primary{width:100%;margin-top:12px;justify-content:space-between}.login-notice{display:flex;gap:13px;align-items:center;margin:28px 0;color:var(--muted);font-size:11px}.login-notice>span{font-size:26px;color:var(--gold)}.login-notice p{margin:0}.login-bottom{text-align:center;padding:17px;border-top:1px solid var(--line);font-family:Amiri,serif;font-size:16px;color:#b19b99}.login-bottom span{margin:0 10px;color:var(--gold)}.login-footer{display:flex;justify-content:space-between;margin:0 6.5%;padding:20px 0;border-top:1px solid var(--line);color:#afa0a8;font-size:10px}#auth-message,#editor-status,#note-status{font-size:12px;color:#9b666b;margin:12px 0 0}.sidebar{position:fixed;right:0;top:0;bottom:0;width:256px;border-left:1px solid var(--line);padding:24px 20px;background:#fffefd;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin-bottom:38px}.sidebar .brand>span{font-size:27px}.nav-caption{font-size:10px;color:#b2a4ae;padding-right:14px;margin-bottom:12px}.nav-item{width:100%;display:flex;text-align:right;align-items:center;gap:11px;border:0;background:transparent;color:#8c7e89;padding:11px 13px;border-radius:7px;margin:4px 0;font-size:11px;line-height:1.7}.nav-item>span:first-child{font-size:17px}.nav-item.active{background:#f1eaf0;color:var(--purple);border-right:3px solid var(--purple)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.mini-profile{display:flex;gap:10px;align-items:center;font-size:11px}.mini-profile small{display:block;color:var(--muted);font-size:9px}.avatar{border-radius:50%;background:#f0e5ed;color:var(--purple);width:36px;height:36px;display:grid;place-items:center;font-family:Amiri;font-size:22px}.sidebar-bottom>.text-button{margin:15px 44px 0 0}.workspace{margin-right:256px}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;background:#fffefd99;font-size:11px}.topbar #menu{display:none}.page-content{max-width:1400px;margin:auto;padding:34px 43px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.page-heading h1{font-size:29px;margin:0 0 7px}.page-heading p{font-size:12px;margin-bottom:0}.page-heading .eyebrow{font-size:10px;margin-bottom:6px}.hero-panel{display:flex;justify-content:space-between;align-items:center;border:1px solid #eadde4;border-radius:14px;padding:24px 34px;background:linear-gradient(110deg,#f6edf1,#efe6ef 60%,#f4eef2);position:relative;overflow:hidden;min-height:210px}.hero-panel:after{content:'';position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid #c6afbd3b;left:-30px;top:-80px;pointer-events:none}.hero-panel h2{font-family:Amiri,serif;font-size:32px;margin:8px 0}.hero-panel p{font-size:12px;color:#a08798;margin-bottom:18px}.hero-panel img{height:205px;width:170px;position:absolute;left:45px;top:1px;transform:rotate(-12deg)}.pill{background:#ffffff82;border:1px solid #ddccd9;border-radius:20px;padding:3px 13px;font-size:10px;color:var(--purple)}.hero-meta{display:flex;gap:30px;font-size:9px;color:#a28c9b}.hero-meta b{display:block;color:#6e5c6b;font-size:11px;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 15px;gap:15px}.section-heading h2{font-size:19px;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.section-heading .eyebrow{font-size:9px;margin:0 0 4px}.purpose-grid{display:grid;grid-template-columns:.95fr 1.05fr 1.15fr;gap:15px}.purpose{border-radius:12px;border:1px solid #e9ded8;padding:20px 22px;position:relative;overflow:hidden}.purpose h3{font-family:Amiri,serif;font-size:25px;margin:12px 0 10px}.purpose p,.purpose li{font-size:11px;line-height:2.1;color:#8a7781}.vision{background:#f6f0e5}.mission{background:#f8ecee;border-color:#eddde1}.goals{background:#f0eaf3;border-color:#e6ddea}.card-symbol{font-size:24px;color:var(--gold);line-height:1}.small-number{float:left;color:#c3b2b4;font-family:Amiri;font-size:18px}.purpose ol{padding-right:15px;margin:0}.purpose p{margin:0}.section-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.section-card{border:1px solid var(--line);border-radius:11px;padding:20px 16px 14px;background:#fffefd;text-align:right;min-height:145px;position:relative}.section-card:hover{border-color:#c6b2c5;box-shadow:0 7px 25px #81617c0a}.section-icon{color:#a38a9f;background:#f5eff3;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:21px;margin-bottom:13px}.section-card h3{font-size:11px;margin:0 0 7px}.section-card p{font-size:9px;color:#b4a4af;margin:0}.section-card .arrow{position:absolute;left:15px;bottom:13px;color:#b99b68}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0;margin-top:35px;font-size:9px;color:#b3a3ae}.tools{display:flex;gap:12px;align-items:center;padding:18px;background:#fffefd;border:1px solid var(--line);border-radius:12px}.tools input{flex:2}.tools select{flex:1}.tools button{flex-shrink:0}.records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.record-card{border:1px solid var(--line);background:#fffefd;border-radius:12px;overflow:hidden;text-align:right;cursor:pointer}.record-cover{height:150px;display:grid;place-items:center;background:#f1ebef;color:#b69aad;font-size:45px}.record-cover img{width:100%;height:150px;object-fit:contain}.record-content{padding:17px}.record-content h3{font-size:16px;margin:0 0 8px}.record-content p{font-size:11px;color:var(--muted)}.empty{grid-column:1/-1;text-align:center;border:1px dashed #dcd0dc;border-radius:15px;padding:65px 20px;margin:15px 0;background:#fffefd}.empty .empty-icon{font-size:40px;color:#b7a0b5}.empty h2{font-family:Amiri;font-size:27px;margin:8px 0}.empty p{font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:600px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#382a3c66;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.upload{border:1px dashed #cbbac8;background:#f4eef4;padding:18px;border-radius:9px;color:var(--purple)}.upload small{display:block;color:var(--muted);font-size:10px}.upload input{border:0;padding:5px;font-size:11px}.description{white-space:pre-wrap}.notes-heading{border-top:1px solid var(--line);padding-top:24px;margin-top:25px;font-size:17px}.note{padding:15px;background:#f2eaf1;border-radius:9px;margin:12px 0;white-space:pre-wrap;font-size:13px}.note small{display:block;color:var(--muted);font-size:10px}.note p{margin:0}.notes-empty{color:var(--muted);font-size:12px}#entry-actions{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}#delete-confirm{background:#f8e9e7;padding:16px;border-radius:9px;margin-top:15px}[hidden]{display:none!important}@keyframes float{50%{transform:translateX(-50%) rotate(-6deg) translateY(-7px)}}@media(min-width:1500px){.login-main{padding-top:90px;gap:150px}.login-card{padding:45px 45px 0}}@media(max-width:1100px){.sidebar{width:225px;padding:20px 15px}.workspace{margin-right:225px}.page-content{padding:28px 25px 0}.topbar{padding:0 25px}.purpose-grid{grid-template-columns:1fr 1fr}.goals{grid-column:1/-1}.goals ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px}.section-grid{grid-template-columns:repeat(2,1fr)}.login-main{gap:45px;padding:40px}.records-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login-header{padding:18px 22px}.brand>span{font-size:25px}.brand img{width:36px}.login-header .private-tag{font-size:9px}.login-main{grid-template-columns:1fr;gap:25px;padding:25px 22px 35px;max-width:520px}.welcome{min-height:0;text-align:center;padding:0}.welcome h1{font-size:42px;line-height:1.4;margin:8px 0}.welcome .intro{font-size:12px}.art-frame{display:none}.little-ornament{margin:14px 0 5px}.login-card{padding:27px 26px 0}.login-card .lock-mark{display:none}.login-card h2{font-size:22px}.login-footer{font-size:9px;gap:20px}.sidebar{transform:translateX(100%);transition:transform .25s;box-shadow:-20px 0 50px #493b4820}.sidebar.open{transform:translateX(0)}.workspace{margin-right:0}.topbar{height:60px;padding:0 18px;gap:12px}.topbar #menu{display:block}.topbar #breadcrumb{margin-left:auto}.page-content{padding:25px 18px 0}.page-heading h1{font-size:23px}.page-heading>.outline{padding:8px 12px;font-size:10px}.hero-panel{padding:22px 23px;min-height:225px}.hero-panel h2{font-size:28px}.hero-panel img{width:110px;height:170px;left:3px;top:5px;opacity:.4}.hero-panel>div{z-index:1}.hero-meta{gap:24px}.purpose-grid{grid-template-columns:1fr}.purpose{padding:20px 23px}.purpose p,.purpose li{font-size:12px}.goals{grid-column:auto}.goals ol{display:block}.section-heading>span{display:none}.section-card h3{font-size:12px}.tools{flex-wrap:wrap;padding:13px;gap:9px}.tools input{flex:1 1 100%}.tools select{min-width:100px}.tools .outline{padding:8px}.records-grid{grid-template-columns:1fr 1fr;gap:12px}.record-cover,.record-cover img{height:110px}.record-content{padding:12px}.record-content h3{font-size:13px}.page-footer{font-size:8px;gap:12px}.form-grid{grid-template-columns:1fr;gap:0}.section-card{padding:17px 13px}.page-heading .primary{font-size:11px;padding:10px}.page-heading{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.sidebar,.topbar,.tools,button,.page-footer,dialog,.teacher-only{display:none!important}.workspace{margin:0}.page-content{padding:0}.hero-panel,.purpose,.section-card,.record-card{break-inside:avoid;print-color-adjust:exact}.purpose-grid{grid-template-columns:1fr 1fr}.section-grid{grid-template-columns:repeat(4,1fr)}body{background:white}.page-heading{margin-top:10px}}