:root{--blue:#4A90D9;--pink:#E778A5;--bright-pink:#CE508A;--ink:#1E3355;--muted:#64748B;--border:#E2E8F0;--lightblue:#E8F2FF;--lightpink:#FCE8F1;--bg:#F8FAFF;--shadow:0 10px 35px rgba(30,51,85,.06);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo',Tahoma,sans-serif;line-height:1.7}html[lang=en] body{font-family:'Inter',system-ui,sans-serif}a{color:#326cb6;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-block:0 1rem}h1{line-height:1.25}h2{font-size:1.35rem}h3{font-size:1.05rem}p{color:var(--muted)}.muted{color:var(--muted)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.55rem;border:1px solid transparent;border-radius:13px;padding:.66rem 1.3rem;font-weight:700;font-size:.89rem;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a90d91e}.btn-primary{background:var(--blue);color:white}.btn-blue{background:#D9E9FF;border-color:#BCD6F8;color:#234b7d}.btn-pink{background:#F8D7E8;border-color:#f0bfd7;color:#65304b}.btn-outline{background:#fff;border-color:var(--border);color:#2769a8}.wide{width:100%}.eyebrow,.overline{font-size:.74rem;font-weight:800;letter-spacing:.085em;color:#356bd6;text-transform:uppercase}.overline{font-size:.69rem;color:#8a9cb0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--pink);margin-inline-end:7px;box-shadow:0 0 0 6px var(--lightpink)}.flash{max-width:1100px;margin:16px auto 0;background:#e7f9ef;color:#176747;border:1px solid #b8eacb;border-radius:12px;padding:13px 20px;font-weight:700}.flash.error{background:#fff0f0;color:#963838;border-color:#f5c4c4}.footer-note{text-align:center;font-size:.73rem;color:#8a96a9;padding:20px 12px 28px}
/* public home */
.public-page{background:#fff}.public-header{height:140px;display:flex;align-items:flex-start;justify-content:space-between;padding:28px max(5.5vw,24px);position:relative;z-index:3}.brand-logo{width:167px;height:auto}.lang-toggle{background:#fff;border:1px solid #d7e7ff;color:var(--ink);border-radius:24px;padding:12px 23px;font-size:.86rem;font-weight:700}.lang-toggle:hover{background:#eaf2ff}.public-lang{border:1px solid #dbe6f7;border-radius:23px;padding:3px}.hero{min-height:660px;max-width:1370px;margin:0 auto;display:grid;grid-template-columns:49% 51%;align-items:center;gap:0;padding:0 5% 45px;position:relative}.hero-copy{z-index:2;padding-bottom:40px}.hero-copy h1{font-size:clamp(2.65rem,4.6vw,4.6rem);letter-spacing:-.045em;font-weight:800;line-height:1.18;margin:26px 0 3px}.hero-copy h1 em{font-style:normal;color:var(--bright-pink)}.hero-line{width:90%;height:1px;background:#f5cade;margin:10px 0 23px}.hero-features{display:flex;gap:25px;flex-wrap:wrap;font-size:.9rem;color:#1a477e;font-weight:750}.lead-small{margin-block:24px 17px;font-size:.84rem}.hero-intro{font-size:.9rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orb{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;border:1px solid #98bfff;transform:rotate(-13deg);z-index:-1}.orb-two{width:86%;border-color:#ffcee3;transform:translate(25px,10px) rotate(10deg)}.hero-illustration{position:relative;width:88%;max-width:560px;object-fit:contain;mix-blend-mode:multiply}.hero-sticker{position:absolute;background:#eaf4ff;color:#254c80;border-radius:18px;padding:12px 18px;box-shadow:var(--shadow);font-size:.8rem;font-weight:750;z-index:2;white-space:nowrap}.sticker-top{inset-block-start:10%;inset-inline-start:0}.sticker-bottom{inset-block-end:14%;inset-inline-end:0;border-radius:32px}.hero-spark{position:absolute;top:12%;right:2%;font-size:40px;color:#3377e9}.home-below{background:linear-gradient(180deg,#f4f9ff,#fff);padding:22px 6% 70px;text-align:center}.home-up{border:1px solid #cee5ff;background:#eaf4ff;color:#488df2;border-radius:50%;width:47px;height:47px;display:flex;align-items:center;justify-content:center;font-size:25px;margin:-40px auto 6px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:44px auto}.feature-card{background:#fff;border:1px solid #e7effa;padding:26px;border-radius:20px;box-shadow:var(--shadow);font-size:28px;color:#4A90D9}.feature-card h3{color:var(--ink);margin:10px 0 5px}.feature-card p{font-size:.85rem}
/* auth */
.auth-section{max-width:1110px;margin:0 auto;min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:10px 25px 90px}.auth-decoration{padding:35px}.auth-decoration h1{font-size:clamp(2.3rem,3.2vw,3.7rem);line-height:1.35;margin-top:20px}.auth-decoration p{font-size:1rem}.auth-circle{width:180px;height:180px;border-radius:50%;background:#fce8f1;color:#d05a95;font-size:100px;display:grid;place-items:center;margin:38px auto 0;box-shadow:0 0 0 22px #e8f2ff66}.auth-card{border:1px solid #dfeaf9;background:white;border-radius:27px;padding:39px;box-shadow:0 19px 65px #1e335514}.auth-card h2{font-size:1.9rem;margin:10px 0}.tag{display:inline-block;padding:4px 10px;border-radius:10px;background:var(--lightblue);color:#3e7fc9;font-size:.72rem;font-weight:800}.form-grid{display:grid;gap:15px;margin-block:16px}.form-grid label{display:grid;gap:6px;font-size:.86rem;font-weight:700;color:#365070}.form-grid input:not([type=radio]),.form-grid select,.form-grid textarea{width:100%;border:1px solid #d9e4f0;background:#fcfdff;border-radius:10px;padding:11px 13px;color:var(--ink);min-height:46px;font-weight:500;transition:border-color .2s,box-shadow .2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#75a8e8;box-shadow:0 0 0 3px #e6f1ff;outline:none}.form-grid input:disabled{opacity:.65;background:#f3f5f8}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.choice-row{display:flex;align-items:center;gap:20px}.choice-row label{display:flex;gap:8px}.sub-action{text-align:center;font-size:.82rem;margin-top:18px}.sub-action a{font-weight:700}
/* private area */
.logged-in{background:var(--bg)}.shell{display:flex;min-height:calc(100vh - 40px)}html[dir=rtl] .shell{flex-direction:row}html[dir=ltr] .shell{flex-direction:row}.sidebar{width:245px;min-width:245px;min-height:100vh;background:#fff;border-inline-end:1px solid #e8edf5;padding:29px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.side-logo{display:block;margin-bottom:36px;padding-inline:11px}.side-logo img{width:140px}.sidebar-label{font-size:.73rem;font-weight:800;color:#98a6bc;margin:0 10px 10px}.side-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;padding:10px 13px;color:#536784;font-size:.89rem;border:0;border-radius:12px;background:transparent;width:100%;text-align:start;font-weight:700}.nav-item:hover,.nav-item.active{background:#e8f2ff;color:#2d73be}.nav-icon{font-size:22px;display:inline-flex;align-items:center;justify-content:center;width:24px}.sidebar-footer{margin-top:auto}.logout{color:#c34b73}.fake-caption{font-size:.67rem;color:#8d9cb0;padding:12px;line-height:1.6}.shell-main{flex:1;min-width:0}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e8edf5;padding:0 34px;gap:15px}.greeting{font-weight:800}.wave{color:var(--pink)}.top-actions{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lightpink);color:#c64c82;font-weight:800}.menu-toggle{display:none;background:transparent;border:0;font-size:22px}.content{width:min(1200px,100%);margin:0 auto;padding:35px 38px 70px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-size:clamp(1.7rem,3vw,2.45rem);margin:5px 0}.page-heading p{font-size:.91rem;margin:0}.heading-leaf{color:var(--pink)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:17px;border-radius:17px;padding:24px 21px;border:1px solid #dceafd}.summary-card.sky{background:#e8f3ff}.summary-card.rose{background:#fceaf1;border-color:#f9dce9}.summary-card.lavender{background:#f0efff;border-color:#e4e0ff}.summary-emoji{width:51px;height:51px;border-radius:16px;background:#ffffffa8;display:grid;place-items:center;font-size:27px;color:#568cda}.summary-card span{display:block;color:#577291;font-size:.81rem;font-weight:700}.summary-card strong{display:block;font-size:1.95rem;line-height:1.4}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{background:white;border-radius:20px;border:1px solid #e4ebf5;box-shadow:var(--shadow);padding:26px;min-width:0}.panel.narrow{max-width:720px;margin-inline:auto}.section-head,.record-head{display:flex;justify-content:space-between;align-items:center;gap:13px}.section-head h2{margin:5px 0 18px}.section-head a{font-size:.78rem;font-weight:800}.child-list{display:grid;gap:12px}.child-list-item{display:flex;align-items:center;gap:15px;background:#f8fbff;border:1px solid #e8eef7;padding:14px;border-radius:14px;transition:background .2s}.child-list-item:hover{background:#eff6ff}.child-icon,.child-cover-icon{display:grid;place-items:center;width:52px;height:52px;min-width:52px;border-radius:16px;color:#2a80d7;background:#e2f1ff;font-size:28px}.child-icon.pink{color:#ca5c91;background:#ffe7f0}.child-main{display:grid;gap:2px;flex:1;color:var(--ink)}.child-main small{font-size:.76rem;color:var(--muted)}.child-arrow{font-weight:700;color:var(--blue)}.empty{text-align:center;padding:23px;color:var(--muted)}.empty h3{color:var(--ink)}.empty-icon{font-size:42px;color:#64a3e4}.tips-panel{background:linear-gradient(140deg,#fff 50%,#ffecf5);min-height:280px}.tips-panel h2{margin:7px 0 12px}.tips-art{font-size:72px;color:var(--pink);text-align:center}.notice{font-size:.79rem;background:#f2f7ff;color:#517497;border:1px solid #e1edfb;border-radius:10px;padding:11px 13px;margin-block:15px}.backlink{display:inline-block;font-size:.78rem;font-weight:700;margin-bottom:8px}.child-cover{display:flex;align-items:center;gap:20px;border:1px solid #dceafb;border-radius:20px;padding:26px;margin-bottom:23px;background:linear-gradient(120deg,#e9f4ff,#fff3f8)}.child-cover-icon{width:83px;height:83px;min-width:83px;font-size:43px;border-radius:25px}.child-cover h2{margin:4px 0}.details-grid{display:flex;gap:18px;flex-wrap:wrap;color:#587391;font-size:.81rem}.tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;border-bottom:1px solid #dce7f4;padding-bottom:12px}.tab{display:inline-flex;padding:11px 16px;border-radius:13px;color:#536c8b;font-weight:700;font-size:.85rem}.tab.active{background:#e7f2ff;color:#2b72be}.quick-links{display:grid;gap:12px}.quick-links a{background:#f7faff;border:1px solid #e4edfa;border-radius:11px;padding:13px;font-weight:700;font-size:.88rem}.record{padding:15px 0;border-bottom:1px solid #edf1f7}.record:last-child{border-bottom:0}.record p{font-size:.84rem;margin:4px 0}.list-cards{display:grid}.status{font-size:.72rem;font-weight:800;border-radius:30px;padding:4px 10px;white-space:nowrap}.status.pending{color:#876518;background:#fff2cc}.status.done{color:#247d66;background:#e1f8ee}.status.cancelled{color:#a25761;background:#ffecf0}.text-danger{border:0;background:transparent;color:#b14b5d;font-weight:700;padding:8px 0}.profile-cover{text-align:center;padding:10px}.profile-avatar{width:76px;height:76px;display:grid;place-items:center;background:#fce8f1;color:#c65189;font-size:40px;border-radius:50%;margin:0 auto 12px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:17px}.catalog-card{border:1px solid #e5edf7;border-radius:16px;background:#fcfdff;padding:18px}.catalog-card h3{margin:6px 0}.catalog-card .form-grid{gap:11px}.catalog-card .form-grid label{font-size:.77rem}.catalog-card .form-grid input,.catalog-card .form-grid select{padding:7px 9px;min-height:38px}.catalog-card .btn{justify-self:start}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{text-align:start;border-bottom:1px solid #e7edf6;padding:10px}th{color:#6d8198;font-weight:800}.chart-panel{border:1px solid #e6eef7;background:#f9fcff;border-radius:13px;padding:15px;margin:13px 0}.chart-panel canvas{max-width:100%;height:auto}.chart-title{font-weight:700;font-size:.86rem}.chart-panel small{font-size:.7rem;color:#8393a8}hr{border:0;border-top:1px solid var(--border);margin-block:25px}
@media(max-width:1020px){.hero{grid-template-columns:1fr 1fr;min-height:560px;padding:15px 5%}.hero-copy h1{font-size:clamp(2rem,4.5vw,3.7rem)}.hero-art{min-height:400px}.sidebar{width:210px;min-width:210px}.content{padding:25px}.two-col{gap:16px}}@media(max-width:760px){.public-header{height:102px;padding:20px}.brand-logo{width:125px}.hero{grid-template-columns:1fr;padding:15px 22px 55px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(2.45rem,8.5vw,4rem);letter-spacing:-.035em}.hero-art{min-height:350px;margin-top:15px}.hero-illustration{width:83%}.hero-sticker{font-size:.62rem;padding:9px 11px}.features-grid{grid-template-columns:1fr}.auth-section{grid-template-columns:1fr;gap:20px;padding:0 20px 60px}.auth-decoration{padding:10px 5px}.auth-decoration h1{font-size:2rem}.auth-circle{display:none}.auth-card{padding:25px}.sidebar{position:fixed;inset-inline-start:0;top:0;transform:translateX(-110%);transition:transform .2s;box-shadow:0 0 30px #1e335515}html[dir=rtl] .sidebar{transform:translateX(110%)}.sidebar.open,html[dir=rtl] .sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.topbar{padding:0 16px;height:73px}.topbar .greeting{font-size:.85rem;margin-inline-end:auto}.content{padding:23px 15px 55px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.summary-card{padding:15px 12px;gap:9px}.summary-card:last-child{grid-column:span 2}.summary-emoji{width:39px;height:39px;min-width:39px;font-size:21px}.summary-card strong{font-size:1.45rem}.summary-card span{font-size:.7rem}.two-col{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.panel{padding:20px}.form-row{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.child-cover{padding:18px}.tabs{gap:3px}.tab{padding:8px 10px;font-size:.72rem}.footer-note{font-size:.65rem}.shell-main{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}