:root{--primary:#2456e6;--secondary:#7c3aed;--accent:#ec4899;--cyan:#06b6d4;--green:#16a34a;--orange:#f97316;--danger:#dc2626;--ink:#10213f;--muted:#6f7f9e;--line:#dce6f5;--page:#edf4ff;--surface:#fff;--sidebar:#fff;--shadow:0 16px 42px rgba(35,66,125,.10);--soft-shadow:0 8px 24px rgba(35,66,125,.08);--radius:24px}*{box-sizing:border-box}html{font-family:Cairo,Tahoma,Arial,sans-serif;background:var(--page);direction:rtl}body{margin:0;background:radial-gradient(circle at 15% 15%,rgba(36,86,230,.09),transparent 26%),linear-gradient(180deg,#eef5ff 0,#eaf2fd 100%);color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.ico{width:20px;height:20px;display:inline-block;vertical-align:middle}.app-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.sidebar{position:fixed;right:0;top:0;width:300px;height:100dvh;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-left:1px solid #dfe8f7;padding:14px;display:flex;flex-direction:column;z-index:80;box-shadow:-12px 0 40px rgba(37,71,140,.08)}.side-brand{background:linear-gradient(135deg,#174fa9 0%,#3955dd 50%,#7b3ff2 100%);color:#fff;border-radius:22px;padding:18px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 16px 34px rgba(49,70,201,.24)}.side-brand .brand-logo{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);display:grid;place-items:center;border:1px solid rgba(255,255,255,.22)}.side-brand img{max-width:44px;max-height:44px;object-fit:contain}.side-brand b{display:block;font-size:15px;line-height:1.5}.side-brand small{display:block;margin-top:4px;opacity:.8;font-size:11px;line-height:1.5}.side-search{height:42px;margin:12px 0 8px;background:#f7f9fe;border:1px solid #e2e9f5;border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#3d65dc}.side-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink)}#side_menu{overflow:auto;min-height:0;flex:1;padding-left:3px}#side_menu::-webkit-scrollbar{width:5px}#side_menu::-webkit-scrollbar-thumb{background:#c9d8ef;border-radius:99px}.nav-group{border:1px solid #e3eaf6;border-radius:17px;margin:8px 0;background:#fff;overflow:hidden}.group-title{width:100%;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:700;color:#23385f}.group-title b{font-size:11px;background:#eef2f8;color:#6f7f9d;padding:3px 8px;border-radius:10px}.group-items{display:none;padding:0 7px 8px}.group-items.open{display:block}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:13px;color:#3d4f70;margin:2px 0;text-align:right;position:relative}.nav-item:hover{background:#f2f6fc}.nav-item.active{background:linear-gradient(90deg,#edf3ff,#f5f0ff);color:#2056db;font-weight:700;box-shadow:inset -3px 0 0 #2c62e5}.nav-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#2b65ed,#5b50ee);color:#fff;display:grid;place-items:center;flex:none}.nav-item:nth-child(2) .nav-icon{background:linear-gradient(135deg,#7c3aed,#9748ef)}.nav-item:nth-child(3) .nav-icon{background:linear-gradient(135deg,#00a7bd,#13bed2)}.nav-dot{margin-right:auto;width:7px;height:7px;background:#c7d2e5;border-radius:50%}.nav-item.active .nav-dot{background:#f59e0b}.side-user{margin-top:9px;background:#f6f9ff;border:1px solid #dde7f7;border-radius:18px;padding:11px;display:grid;grid-template-columns:42px 1fr 34px;gap:9px;align-items:center}.user-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:800}.side-user b{display:block;font-size:13px}.side-user small{display:block;color:var(--muted);font-size:11px}.side-user button{width:34px;height:34px;border-radius:10px;border:0;background:#fff0f2;color:#d92c4e;display:grid;place-items:center}.main-shell{grid-column:2;min-width:0;padding:0 18px 30px}.topbar{position:sticky;top:10px;z-index:40;margin-top:10px;height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid #dfe8f7;border-radius:22px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:18px;align-items:center;padding:12px 18px;box-shadow:var(--soft-shadow)}.menu-toggle{display:none}.page-crumb small{display:block;color:#7788a6;font-size:10px}.page-crumb strong{display:block;margin-top:2px}.global-search{max-width:650px;height:44px;border:1px solid #dbe5f4;border-radius:14px;background:#f9fbff;display:flex;align-items:center;gap:9px;padding:0 12px;color:#3464df}.global-search input{flex:1;border:0;background:transparent;outline:0;color:#243958}.global-search kbd{border:1px solid #dce4f0;background:white;color:#7587a5;border-radius:8px;font-size:10px;padding:4px 7px}.top-actions{display:flex;align-items:center;gap:8px}.year-pill{background:#10244f;color:#fff;padding:9px 12px;border-radius:11px;font-size:11px;font-weight:700}.assist{border:0;background:#f0ecff;color:#6c44de;height:40px;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:7px}.content{padding-top:16px}.main-shell footer{text-align:center;padding:20px;color:#7587a5;font-size:11px}.hero{min-height:310px;border-radius:30px;background:linear-gradient(118deg,#113f92 0%,#1c5bdb 38%,#3a53eb 63%,#7a36e8 100%);color:white;padding:42px 54px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 360px;align-items:center;box-shadow:0 22px 55px rgba(38,75,190,.22)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 15%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 20% 100%,rgba(39,222,240,.18),transparent 28%)}.hero-copy{position:relative;z-index:2;max-width:850px}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);padding:7px 12px;border-radius:999px;font-size:11px}.status-pill i{width:8px;height:8px;background:#48d483;border-radius:50%;box-shadow:0 0 0 5px rgba(72,212,131,.13)}.hero h1{font-size:clamp(34px,4vw,60px);line-height:1.35;margin:18px 0 10px;letter-spacing:-1px}.hero p{max-width:770px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.84);margin:0}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-rings{position:relative;width:300px;height:300px;display:grid;place-items:center;z-index:2}.ring{position:absolute;border:1px dashed rgba(255,255,255,.22);border-radius:50%}.r1{width:285px;height:285px}.r2{width:205px;height:205px}.ring-core{width:130px;height:130px;border-radius:50%;background:rgba(9,37,92,.5);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;align-content:center;box-shadow:0 0 60px rgba(86,223,255,.24)}.ring-core b{font-size:34px}.ring-core small{opacity:.8}.btn{min-height:42px;border-radius:12px;border:1px solid #d6e1f2;background:#fff;color:#20385e;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:13px}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(41,70,125,.1)}.btn.solid{background:#fff;color:#254bd1;border:0}.btn.gradient{background:linear-gradient(90deg,#2d5fe9,#7438ed);color:#fff;border:0;box-shadow:0 12px 26px rgba(82,56,226,.22)}.btn.glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}.btn.soft{background:#f8faff}.btn.ghost{background:transparent}.btn.danger-soft{background:#fff0f2;color:#c32d49;border-color:#ffd3db}.btn.wide{width:100%}.btn.mini{min-height:34px;padding:0 10px;font-size:11px}.metric-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:14px 0}.metric-row.compact{margin-top:14px}.metric{background:#fff;border:1px solid #dfe8f5;border-radius:20px;min-height:98px;padding:15px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--soft-shadow);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:#edf2f8;left:-25px;bottom:-28px}.metric-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;flex:none;z-index:1}.metric-ico.blue{background:linear-gradient(135deg,#2668f2,#4d46e6)}.metric-ico.green{background:linear-gradient(135deg,#32c66c,#0b9b50)}.metric-ico.orange{background:linear-gradient(135deg,#ff9b33,#e75f00)}.metric-ico.purple{background:linear-gradient(135deg,#a15df7,#6e37e5)}.metric-ico.cyan{background:linear-gradient(135deg,#27d0e3,#009ab5)}.metric-ico.pink{background:linear-gradient(135deg,#f54ca2,#d71f74)}.metric small{display:block;color:#71819f;font-size:11px}.metric strong{display:block;font-size:25px;margin-top:2px}.metric em{display:block;color:#93a0b7;font-size:9px;font-style:normal;margin-top:2px}.metric-corner{position:absolute;left:10px;bottom:8px;width:18px;height:18px;border-radius:50%;background:rgba(44,89,220,.08)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.panel{background:#fff;border:1px solid #dfe8f5;border-radius:22px;padding:18px;box-shadow:var(--soft-shadow)}.panel.span2{}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head small,.workspace-title small{color:#6b7d9b}.panel-head h2,.workspace-title h2{margin:2px 0 0}.link-btn{border:0;background:#edf3ff;color:#275fe4;border-radius:10px;padding:8px 12px}.bar-chart{display:grid;gap:12px}.bar-meta{display:flex;justify-content:space-between;font-size:12px}.bar-track{height:9px;border-radius:99px;background:#eef2f8;overflow:hidden;margin-top:6px}.bar-track i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899)}.timeline{display:grid;gap:3px}.timeline-item{display:flex;gap:10px;padding:10px;border-bottom:1px solid #edf1f7}.timeline-item>i{width:10px;height:10px;border-radius:50%;background:#43c77a;margin-top:6px}.timeline-item b{display:block;font-size:12px}.timeline-item small{color:#8391a9;font-size:10px}.workspace-title{margin:28px 2px 14px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module-card{border:1px solid #dce6f4;background:#fff;border-radius:22px;min-height:190px;text-align:right;padding:20px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;color:var(--ink);box-shadow:var(--soft-shadow)}.module-card:after{content:"";position:absolute;right:-40px;bottom:-50px;width:140px;height:140px;border-radius:50%;background:var(--tint,#edf3ff)}.module-card.blue{--tint:#e9f0ff}.module-card.purple{--tint:#f0eaff}.module-card.orange{--tint:#fff0e5}.module-card.cyan{--tint:#e4fbff}.module-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:white;z-index:1}.module-card h3{margin:16px 0 5px;font-size:18px}.module-card p{color:#7587a4;margin:0;font-size:12px;line-height:1.7}.module-open{margin-top:auto;display:flex;gap:6px;align-items:center;font-size:11px;font-weight:700;z-index:1}.section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:12px}.section-title>span{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#2b62ea,#8140ec);color:white;display:grid;place-items:center}.section-title small{color:#7e8dab;font-size:10px}.section-title h1{margin:2px 0 0;font-size:25px}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:minmax(240px,1fr) 150px 160px 90px auto auto;gap:8px;margin-bottom:14px}.search-field,.input-box,.lib-search,.mini-search{height:42px;border:1px solid #dbe5f3;background:#f9fbff;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#3d64d9}.search-field input,.input-box input,.lib-search input,.mini-search input{border:0;background:transparent;outline:0;min-width:0;flex:1}.filters>input,.filters>select,.form-grid input,.form-grid select,.drawer input,.drawer select,.studio-inspector input,.studio-inspector select,.print-controls input,.print-controls select,.report-properties input,.report-properties select,.identity-editor input,.identity-editor select{height:42px;border:1px solid #d9e3f2;border-radius:11px;padding:0 11px;background:#fbfdff;outline:0;color:#253957}.bulk-bar{margin-bottom:12px;background:linear-gradient(90deg,#eef3ff,#f5efff);border:1px solid #d9e4fb;border-radius:13px;padding:10px 12px;display:flex;gap:10px;align-items:center}.bulk-bar b{margin-left:auto}.bulk-bar button{border:0;background:#fff;padding:8px 10px;border-radius:9px;color:#3e57bd}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background:#f6f9fe;color:#5d6e8b;font-size:11px;font-weight:700;padding:11px;border-bottom:1px solid #dfe7f2;white-space:nowrap}.data-table td{padding:11px;border-bottom:1px solid #edf2f7;font-size:12px;white-space:nowrap}.data-table tbody tr:hover{background:#fbfdff}.student-cell{display:flex;align-items:center;gap:10px}.student-photo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e6efff,#eee7ff);display:grid;place-items:center;color:#3f5bbd;font-weight:800;overflow:hidden}.student-photo img{width:100%;height:100%;object-fit:cover}.student-cell b{display:block}.student-cell small{display:block;color:#8190a7;font-size:9px}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700}.tag.success{background:#e8fbef;color:#12803f;border:1px solid #c3f0d2}.tag.danger{background:#fff0f2;color:#c13752;border:1px solid #ffd4dc}.tag.neutral{background:#f0f4fa;color:#5c6d88;border:1px solid #dce5f1}.row-actions{display:flex;gap:5px}.row-actions button{width:34px;height:34px;border:1px solid #dfe6f2;border-radius:10px;background:#fff;color:#4561a3;display:grid;place-items:center}.row-actions button.danger{color:#cf3852;background:#fff6f7}.pager{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 2px;color:#73839e;font-size:11px}.pager div{display:flex;align-items:center;gap:8px}.pager button{border:1px solid #dce5f2;background:#fff;border-radius:9px;padding:7px 10px}.pager button:disabled{opacity:.4}.empty{min-height:140px;border:1px dashed #d6e0ef;border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;color:#8291a9}.empty span{width:42px;height:42px;border-radius:13px;background:#eff4fc;display:grid;place-items:center}.drawer-back{position:fixed;inset:0;background:rgba(13,26,52,.32);backdrop-filter:blur(3px);z-index:120}.drawer{position:absolute;top:0;bottom:0;right:0;width:min(540px,94vw);background:#fff;box-shadow:-25px 0 60px rgba(23,44,82,.18);display:flex;flex-direction:column}.drawer.wide{width:min(760px,96vw)}.drawer-head{padding:19px 22px;border-bottom:1px solid #e7edf6;display:flex;align-items:center;justify-content:space-between}.drawer-head small{color:#7e8ca6}.drawer-head h2{margin:2px 0}.drawer-head>button{border:0;background:#f4f7fb;width:36px;height:36px;border-radius:11px}.drawer-body{padding:20px 22px;overflow:auto;flex:1}.drawer-foot{padding:14px 22px;border-top:1px solid #e7edf6;display:flex;justify-content:flex-end;gap:8px}.form-section{border:1px solid #e0e8f4;border-radius:18px;padding:16px;margin-bottom:14px}.form-section h3{margin:0 0 14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.one{grid-template-columns:1fr}.form-grid label,.drawer label,.studio-inspector label,.print-controls label,.report-properties label,.identity-editor label{font-size:11px;color:#536681;font-weight:700;display:grid;gap:6px}.form-grid label i{color:#e23353}.upload-box,.drop-zone,.branding-upload{border:1px dashed #bed0ea;border-radius:16px;background:#f8fbff;padding:16px;display:flex!important;align-items:center;gap:10px;position:relative}.upload-box input,.drop-zone input,.branding-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.pay-inline{display:flex;gap:8px;margin-top:12px}.download-template{display:flex;gap:8px;align-items:center;padding:12px;border-radius:12px;background:#eef3ff;color:#3158c8;text-decoration:none;margin-bottom:12px}.drop-zone{min-height:130px;justify-content:center;flex-direction:column;margin-bottom:12px}.drop-zone .ico{width:34px;height:34px}.drop-zone small{color:#8190a9}.import-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.import-summary div{background:#ecf9f0;border:1px solid #c9efd5;border-radius:14px;padding:14px;text-align:center}.import-summary div.bad{background:#fff1f3;border-color:#ffd2da}.import-summary b{display:block;font-size:24px}.import-summary span{font-size:11px}.error-list{max-height:150px;overflow:auto;background:#fff8f8;border-radius:12px;padding:8px;margin-bottom:10px}.error-list p{font-size:10px;margin:4px;color:#ab3e53}.switch-row{display:flex!important;align-items:center;justify-content:space-between;background:#f7f9fd;border:1px solid #e2e8f2;border-radius:12px;padding:10px 12px;margin:8px 0}.switch-row input{width:42px;height:22px;accent-color:var(--primary)}.permission-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.permission-matrix section{border:1px solid #e2e8f3;border-radius:14px;padding:12px}.permission-matrix h4{margin:0 0 8px;text-transform:capitalize}.permission-matrix label{display:flex;grid-template-columns:none;flex-direction:row;align-items:center;gap:8px;margin:5px 0;font-size:10px}.permission-matrix input{height:auto}.studio-full,.report-studio{margin:-16px -18px -30px;background:#eef4fc;min-height:calc(100vh - 86px)}.studio-top{height:76px;background:#101a32;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #26324d}.studio-top.light{background:#fff;color:var(--ink);border-bottom:1px solid #dfe7f2}.studio-title{display:flex;align-items:center;gap:10px}.studio-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#225ff0,#7c3aed);display:grid;place-items:center;color:#fff}.studio-title small{font-size:9px;color:#9eaac3}.studio-title h1{margin:1px 0;font-size:19px}.studio-actions{display:flex;gap:6px}.studio-stats{height:64px;background:#fff;border-bottom:1px solid #dce5f2;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 16px}.studio-stats>div{border:1px solid #dfe7f3;border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.studio-stats span{font-size:10px;color:#71829d}.studio-stats b{font-size:14px}.studio-stats .ready{background:#ecfbf1;border-color:#bfe9ce;color:#19703c}.designer-layout{display:grid;grid-template-columns:285px 1fr 285px;min-height:calc(100vh - 226px)}.studio-library,.studio-inspector,.report-library,.report-properties{background:#fff;border-left:1px solid #dce5f1;padding:14px;overflow:auto}.studio-library{border-left:0;border-right:1px solid #dce5f1}.tabs{display:flex;gap:5px;border-bottom:1px solid #e3e9f3;padding-bottom:8px;margin-bottom:12px}.tabs button{border:0;background:transparent;padding:8px 11px;border-radius:9px;color:#71819b}.tabs button.active{background:#eaf0ff;color:#2b59d6;font-weight:700}.lib-head{display:flex;justify-content:space-between;align-items:center}.lib-head h3,.studio-library h3,.report-library h3,.studio-inspector h3,.report-properties h3{font-size:13px}.lib-head button{width:32px;height:32px;border:0;background:#2f61e8;color:#fff;border-radius:9px}.template-list{display:grid;gap:7px;margin:8px 0 16px}.template-item,.report-template-card{width:100%;display:flex;gap:9px;align-items:center;text-align:right;border:1px solid #dfe6f1;background:#fff;border-radius:13px;padding:10px}.template-item.active,.report-template-card.active{border-color:#79a1ff;background:#f2f6ff;box-shadow:inset -3px 0 #2b60e8}.template-item>span,.report-template-card>span{width:34px;height:34px;border-radius:10px;background:#edf3ff;color:#2b60e8;display:grid;place-items:center}.template-item b,.report-template-card b{font-size:11px;display:block}.template-item small,.report-template-card small{font-size:9px;color:#7d8da8;display:block}.element-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.element-tools button{border:1px solid #dfe6f2;background:#fafcff;border-radius:10px;padding:9px;font-size:10px;color:#334b72;display:flex;align-items:center;gap:5px}.studio-work{min-width:0}.canvas-toolbar,.paper-toolbar{height:52px;background:#fff;border-bottom:1px solid #dce5f1;display:flex;align-items:center;gap:12px;padding:0 14px}.canvas-toolbar>div{display:flex;align-items:center;gap:6px}.canvas-toolbar button{border:1px solid #dbe4f1;background:#fff;border-radius:8px;width:30px;height:30px}.canvas-toolbar label{display:flex;align-items:center;gap:6px;font-size:10px;color:#667792}.canvas-toolbar input,.canvas-toolbar select{height:32px;width:68px;border:1px solid #dce5f1;border-radius:8px;padding:0 6px}.toggle-small input{width:auto!important}.canvas-stage,.report-stage{height:calc(100vh - 278px);min-height:560px;display:grid;place-items:center;overflow:auto;background-color:#dbe5f4;background-image:linear-gradient(rgba(74,99,145,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(74,99,145,.07) 1px,transparent 1px);background-size:20px 20px}.card-artboard{width:min(760px,72vw);max-height:480px;background:linear-gradient(135deg,#f8fbff,#edf3ff);border:1px solid #91b1ed;box-shadow:0 20px 40px rgba(25,49,95,.18);position:relative;overflow:hidden;transform:scale(var(--zoom));transform-origin:center}.card-artboard:before{content:"";position:absolute;inset:9px;border:1px dashed #9fbaee;pointer-events:none}.design-el{position:absolute;border:1px dashed transparent;display:grid;place-items:center;user-select:none;touch-action:none;color:#173463}.design-el:hover,.design-el.selected{border-color:#2d64ef;background:rgba(45,100,239,.05)}.design-el.selected{box-shadow:0 0 0 2px rgba(45,100,239,.12)}.resize-dot{display:none;position:absolute;width:9px;height:9px;background:#2d64ef;border:1px solid #fff;bottom:-5px;left:-5px}.design-el.selected .resize-dot{display:block}.photo-placeholder{width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,#dce7fb,#eef3ff);display:grid;place-items:center;align-content:center;gap:3px;color:#5873ad}.photo-placeholder span{font-size:9px}.qr-placeholder{width:100%;height:100%;display:grid;place-items:center;background:#fff;border:1px solid #cfd9e8}.qr-placeholder .ico{width:70%;height:70%}.canvas-status{height:35px;background:#fff;border-top:1px solid #dce5f1;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#5d7194;font-size:10px}.canvas-status span:first-child{color:#16834a}.studio-inspector{border-right:1px solid #dce5f1;border-left:0}.inspector-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f1;padding-bottom:10px}.inspector-head span{font-size:9px;color:#7d8ca6}.inspector-section{display:grid;gap:10px;margin-top:12px}.inspector-section .two,.print-controls .two,.report-properties .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-mini{min-height:90px!important;border:1px dashed #c7d4e8;border-radius:12px;padding:12px;position:relative;display:grid!important;place-items:center;text-align:center}.upload-mini input{position:absolute;inset:0;opacity:0}.print-layout{display:grid;grid-template-columns:290px 1fr 300px;gap:0;min-height:calc(100vh - 170px);border:1px solid #dfe7f2;border-radius:20px;overflow:hidden;background:#fff}.print-controls,.student-select{padding:15px;background:#fff;overflow:auto}.print-controls{border-left:1px solid #dfe7f2}.student-select{border-right:1px solid #dfe7f2}.print-controls h3{font-size:13px;margin:8px 0 10px}.print-controls label{margin-bottom:8px}.layout-total{border:1px solid #dce5f1;background:#f4f7fd;border-radius:12px;padding:12px;display:flex;justify-content:space-between}.paper-zone{background:#dce6f5;min-width:0}.paper-toolbar{justify-content:space-between}.paper-toolbar button{border:1px solid #dce5f1;background:#fff;padding:6px 10px;border-radius:8px}.paper-toolbar button.active{background:#2f61e7;color:#fff}.paper-sheet{width:min(650px,85%);height:780px;margin:24px auto;background:#fff;box-shadow:0 18px 50px rgba(37,60,103,.18);display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:var(--gy) var(--gx);overflow:hidden}.paper-cell{border:1px dashed #b7c8df;background:#fbfdff;position:relative;min-width:0}.paper-cell.off{opacity:.28;background:repeating-linear-gradient(45deg,#eef2f7,#eef2f7 6px,#e0e6ef 6px,#e0e6ef 12px)}.paper-cell>span{position:absolute;top:3px;left:5px;font-size:9px;color:#8b9bb2}.mini-card{position:absolute;inset:10%;border-radius:6px;background:linear-gradient(135deg,#e9f0ff,#f6edff);display:grid;place-items:center;align-content:center}.mini-card b{font-size:7px}.mini-card small{font-size:6px}.select-head{display:flex;justify-content:space-between;align-items:center}.select-head b{background:#eaf0ff;color:#2c5bd7;padding:5px 9px;border-radius:999px}.student-select-list{display:grid;gap:5px;margin-top:10px;max-height:650px;overflow:auto}.student-select-row{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;border:1px solid #e0e7f2;padding:8px;border-radius:10px;font-size:10px}.student-select-row.disabled{opacity:.45}.student-select-row em{font-style:normal;font-size:8px;padding:4px 6px;border-radius:999px}.student-select-row .paid{background:#e8f9ef;color:#168147}.student-select-row .unpaid{background:#fff1f2;color:#bd3850}.report-layout{display:grid;grid-template-columns:270px 1fr 275px;min-height:calc(100vh - 216px)}.report-library,.report-properties{border-right:1px solid #dce5f1}.report-template-card i{margin-right:auto;font-size:8px;font-style:normal;background:#e8faef;color:#17804a;padding:4px 6px;border-radius:999px}.report-canvas-zone{min-width:0}.report-stage{min-height:680px;height:calc(100vh - 268px)}.a4-page{width:650px;min-height:920px;background:#fff;box-shadow:0 20px 50px rgba(25,45,80,.18);padding:40px;transform:scale(var(--zoom));transform-origin:center top}.a4-page header{display:grid;grid-template-columns:70px 1fr;gap:15px;align-items:center;border-bottom:2px solid #1f4d9f;padding-bottom:14px}.a4-page header img{max-width:60px;max-height:60px;object-fit:contain}.a4-page header h2{margin:4px 0;font-size:21px}.a4-page header small,.a4-page header p{font-size:9px;color:#61708b;margin:0}.a4-page table{width:100%;border-collapse:collapse;margin-top:22px;font-size:9px}.a4-page th,.a4-page td{border:1px solid #cbd6e4;padding:8px}.a4-page th{background:#edf3fb}.a4-page footer{margin-top:35px;display:flex;justify-content:space-between;border-top:1px solid #d9e1eb;padding-top:14px;font-size:10px}.field-chips{display:flex;flex-wrap:wrap;gap:5px}.field-chips span{background:#edf3ff;color:#3158c7;padding:6px 8px;border-radius:8px;font-size:9px}.identity-layout{display:grid;grid-template-columns:320px 1fr 220px;gap:12px;margin-top:14px}.identity-preview,.identity-editor,.identity-nav{background:#fff;border:1px solid #dfe8f5;border-radius:22px;box-shadow:var(--soft-shadow)}.identity-preview{padding:12px}.preview-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.preview-title span{font-size:10px;color:#73839d}.preview-title b{background:#edf3ff;color:#285fe3;padding:7px;border-radius:9px}.identity-editor{padding:20px;min-height:420px}.editor-head small{color:#7888a4}.editor-head h2{margin:4px 0 18px}.identity-nav{padding:10px;height:max-content}.identity-nav button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:10px;border-radius:11px;color:#50617f;text-align:right;margin:3px 0}.identity-nav button span{width:32px;height:32px;border-radius:10px;background:#f0f4fb;display:grid;place-items:center;color:#506fd1}.identity-nav button.active{background:#eef3ff;color:#295ddc;font-weight:700;box-shadow:inset -3px 0 #3567e8}.identity-nav button.active span{background:linear-gradient(135deg,#335fec,#7740e9);color:#fff}.identity-form{grid-template-columns:1fr 1fr}.logo-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.branding-upload{min-height:90px}.branding-img{width:54px;height:54px;border-radius:14px;background:#eef3fb;display:grid;place-items:center;overflow:hidden}.branding-img img{width:100%;height:100%;object-fit:contain}.branding-upload b{display:block;font-size:11px}.branding-upload small{font-size:9px;color:#8795aa}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-control{border:1px solid #e1e8f2;border-radius:14px;padding:12px}.color-control>span{font-size:11px}.color-control>div{display:flex;align-items:center;gap:9px;margin-top:9px}.color-control input{width:50px;height:36px;padding:2px}.color-control b{font-size:10px;color:#76869f}.interface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setting-card{border:1px solid #e1e8f2;border-radius:17px;padding:15px}.setting-card h3{margin:0 0 12px}.setting-card label{margin-bottom:9px}.note{background:#f5f8fd;border-radius:10px;padding:10px;color:#75849d;font-size:10px}.mini-app{border:1px solid #d7e2f3;border-radius:18px;overflow:hidden;background:#eef4ff;display:grid;grid-template-columns:60px 1fr;min-height:300px}.mini-app aside{background:#fff;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:7px}.mini-brand{width:46px;border-radius:11px;background:linear-gradient(135deg,#2c5ee8,#7b3dec);padding:6px;color:#fff;text-align:center}.mini-brand img{width:25px;height:25px;object-fit:contain}.mini-brand b{display:block;font-size:7px}.mini-app aside>i{width:34px;height:8px;background:#e5ebf4;border-radius:5px}.mini-app main{padding:10px}.mini-hero{min-height:90px;border-radius:14px;background:linear-gradient(105deg,var(--primary),var(--secondary),var(--accent));color:#fff;padding:13px;display:flex;flex-direction:column;justify-content:center}.mini-hero small{font-size:7px;opacity:.8}.mini-hero b{font-size:13px;margin-top:4px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.mini-metrics span{background:#fff;border-radius:9px;padding:8px;font-size:10px;font-weight:700}.mini-metrics small{display:block;font-size:6px;color:#8190a7}.mini-bars{margin-top:7px;background:#fff;padding:9px;border-radius:10px;display:grid;gap:4px}.mini-bars i{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.mini-bars i:nth-child(2){width:72%}.mini-bars i:nth-child(3){width:48%}.full-preview-card{display:grid;grid-template-columns:320px 1fr;gap:12px}.preview-device{border:1px solid #e0e7f1;border-radius:16px;background:linear-gradient(135deg,#f9fbff,#eff4ff);display:grid;place-items:center;align-content:center}.preview-device span{color:#7b8aa4}.preview-device b{font-size:20px;margin-top:7px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#14285a;padding:40px}.login-identity,.login-form-side{min-height:calc(100vh - 80px)}.login-identity{border-radius:34px 0 0 34px;background:linear-gradient(135deg,#2d5bea,#7439ef 58%,#1392b3);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px;position:relative;overflow:hidden}.brand-orb{width:120px;height:120px;border-radius:34px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center}.brand-orb img{max-width:88px;max-height:88px}.login-kicker{margin-top:24px;font-size:12px;opacity:.8}.login-identity h1{font-size:38px;max-width:650px;line-height:1.45;margin:10px 0 18px}.login-features{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.login-features span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);padding:8px 12px;border-radius:999px;font-size:11px;display:flex;gap:6px;align-items:center}.login-glow{position:absolute;border-radius:50%;filter:blur(30px);opacity:.25}.login-glow.one{width:250px;height:250px;background:#ff4da1;bottom:-100px;left:-80px}.login-glow.two{width:220px;height:220px;background:#24d7ee;top:-90px;right:-70px}.login-form-side{background:#fff;border-radius:0 34px 34px 0;display:grid;place-items:center;padding:50px}.login-form-card{width:min(460px,90%)}.login-form-card .eyebrow{color:#7240e4;font-size:11px}.login-form-card h2{font-size:30px;margin:7px 0 30px}.login-form-card label{display:grid;gap:7px;margin:14px 0;color:#40526f;font-size:12px;font-weight:700}.input-box{height:52px}.login-form-card .btn{height:52px;margin-top:20px}.login-foot{text-align:center;color:#8c9ab0;font-size:10px;margin-top:20px}.toast{position:fixed;top:18px;left:18px;background:#142447;color:#fff;border-radius:13px;padding:11px 14px;display:flex;gap:8px;align-items:center;z-index:300;box-shadow:0 15px 35px rgba(17,34,67,.25);transform:translateY(-80px);opacity:0;transition:.22s}.toast.show{transform:none;opacity:1}.toast.bad{background:#8f2639}.mobile-backdrop{display:none}.ready{}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}code{font-family:Consolas,monospace;font-size:11px;background:#f3f6fb;padding:4px 6px;border-radius:6px}
@media(max-width:1250px){.app-shell{grid-template-columns:250px 1fr}.sidebar{width:250px}.metric-row{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 260px;padding:36px}.designer-layout,.report-layout{grid-template-columns:240px 1fr 240px}.identity-layout{grid-template-columns:270px 1fr 190px}.print-layout{grid-template-columns:240px 1fr 250px}.global-search{max-width:420px}}
@media(max-width:900px){.app-shell{display:block}.sidebar{transform:translateX(110%);transition:.22s;width:min(320px,88vw)}.sidebar.mobile-open{transform:none}.main-shell{padding:0 10px 20px}.topbar{grid-template-columns:auto 1fr auto;height:68px}.menu-toggle{display:grid;place-items:center;width:38px;height:38px;border:0;background:#edf3ff;color:#315ecf;border-radius:11px}.global-search{display:none}.top-actions .assist span{display:none}.mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(13,26,52,.32);z-index:70}.hero{grid-template-columns:1fr;min-height:auto;padding:28px 22px}.hero-rings{display:none}.hero h1{font-size:34px}.metric-row,.metric-row.compact{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.filters .search-field{grid-column:1/-1}.designer-layout,.report-layout,.identity-layout,.print-layout{grid-template-columns:1fr}.studio-library,.studio-inspector,.report-library,.report-properties,.print-controls,.student-select,.identity-nav{border:0}.studio-library,.studio-inspector,.report-library,.report-properties{max-height:none}.canvas-stage,.report-stage{height:550px}.card-artboard{width:78vw}.studio-stats{grid-template-columns:repeat(2,1fr);height:auto}.studio-stats>div{min-height:45px}.studio-top{height:auto;padding:10px;align-items:flex-start;gap:10px}.studio-actions{flex-wrap:wrap;justify-content:flex-end}.identity-preview{order:3}.identity-nav{order:1;display:flex;overflow:auto}.identity-nav button{min-width:150px}.identity-editor{order:2}.interface-grid{grid-template-columns:1fr}.paper-sheet{width:90%;height:720px}.login-shell{padding:0;grid-template-columns:1fr;background:#fff}.login-identity{min-height:35vh;border-radius:0;padding:30px}.login-form-side{min-height:65vh;border-radius:0;padding:25px}.login-identity h1{font-size:26px}.brand-orb{width:80px;height:80px;border-radius:24px}.brand-orb img{max-width:58px;max-height:58px}.permission-matrix{grid-template-columns:1fr}}
@media(max-width:600px){.metric-row,.metric-row.compact{grid-template-columns:1fr 1fr;gap:8px}.metric{min-height:82px;padding:11px}.metric strong{font-size:20px}.module-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.section-actions{width:100%}.section-actions .btn{flex:1}.form-grid,.identity-form,.logo-upload-grid,.color-grid{grid-template-columns:1fr}.hero h1{font-size:28px}.hero p{font-size:13px}.hero-actions{flex-direction:column}.top-actions .year-pill{display:none}.paper-sheet{height:650px}.a4-page{width:560px}.full-preview-card{grid-template-columns:1fr}.studio-title h1{font-size:14px}.studio-actions .btn{min-height:34px;font-size:10px;padding:0 9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sidebar,.topbar,.section-header,.studio-top,.studio-stats,.report-library,.report-properties,.canvas-toolbar,.main-shell>footer{display:none!important}.main-shell{padding:0!important}.report-layout{display:block!important}.report-stage{background:#fff;height:auto;display:block}.a4-page{transform:none!important;width:210mm;min-height:297mm;box-shadow:none;margin:0;padding:14mm}.content{padding:0}.report-studio{margin:0;background:#fff}}
.student-photo-editor{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:stretch}.student-photo-preview{min-height:120px;border:1px dashed #cbd8eb;border-radius:18px;background:#f5f8fd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8392a9;overflow:hidden}.student-photo-preview .ico{width:30px;height:30px}.student-photo-preview span{font-size:10px}.student-photo-preview img{width:100%;height:100%;min-height:120px;object-fit:cover}.student-upload{min-height:120px;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.student-upload>div{display:grid;gap:5px}.student-upload b{font-size:12px;color:#263b61}.student-upload span{font-size:10px;color:#7d8ca5}.student-upload input{display:none}@media(max-width:700px){.student-photo-editor{grid-template-columns:1fr}.student-photo-preview{min-height:180px}.student-photo-preview img{min-height:180px}}

/* V5 - الاستيراد المالي وأرشيف الصور */
.big-upload{min-height:132px;margin:12px 0;border:1.5px dashed #a9bce8;background:linear-gradient(135deg,#f8fbff,#f3f0ff);display:flex;align-items:center;justify-content:center;gap:16px;border-radius:18px;cursor:pointer}.big-upload .ico{width:34px;height:34px;color:var(--primary)}.big-upload div{display:flex;flex-direction:column;gap:5px}.big-upload span{font-size:12px;color:#667085}.big-upload input{display:none}.import-summary{display:flex;gap:12px;margin:16px 0}.import-summary>span{min-width:140px;padding:14px 18px;border-radius:14px;font-size:22px;font-weight:800;background:#f5f7fb}.import-summary small{display:block;font-size:11px;font-weight:600;margin-top:4px}.import-summary .success{background:#ecfdf3;color:#067647}.import-summary .danger{background:#fff1f3;color:#c01048}.commit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-top:12px;background:#f5f7ff;border-radius:16px}.archive-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.archive-thumb{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#eef2ff;border:1px solid #dbe5ff}.archive-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.archive-upload-grid{grid-template-columns:1fr}.import-summary{flex-wrap:wrap}.commit-bar{align-items:stretch;flex-direction:column}}