:root{--navy:#061a33;--navy-2:#0b2848;--blue:#087cff;--cyan:#23d6da;--surface:#fff;--page:#f3f7fb;--line:#dbe5ef;--text:#10243b;--muted:#6f8297;--green:#0ba875;--red:#e64c5e;--amber:#f4a51c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Segoe UI,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-weight:900;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--blue), var(--cyan));border-radius:13px;place-items:center;width:39px;height:39px;font-size:18px;display:grid;box-shadow:0 10px 28px #087cff40}.brand-copy small{color:#6f8297;letter-spacing:2px;margin-top:2px;font-size:10px;font-weight:700;display:block}.landing{background:radial-gradient(circle at 15% 0,#23d6da26,#0000 30%),linear-gradient(160deg,#f8fbff,#edf5fb);min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:22px 26px;display:flex}.nav-actions{align-items:center;gap:10px;display:flex}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:65px;max-width:1180px;margin:auto;padding:74px 26px 90px;display:grid}.eyebrow{color:#087f91;background:#effcfc;border:1px solid #bfe8ed;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-2.8px;color:var(--navy);margin:24px 0 20px;font-size:clamp(42px,5.4vw,76px);line-height:1.04}.hero h1 span{color:var(--blue)}.hero-lead{color:#63768c;max-width:650px;font-size:18px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 20px;font-weight:850;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px #087cff3d}.btn-dark{background:var(--navy);color:#fff}.btn-soft{color:#1169cf;background:#edf5ff;border:1px solid #cfe4fb}.btn-white{color:var(--navy);border:1px solid var(--line);background:#fff}.btn-danger{color:#c7374b;background:#fff0f2;border:1px solid #ffd1d7}.btn-sm{border-radius:10px;min-height:38px;padding:8px 13px;font-size:13px}.hero-panel{background:linear-gradient(145deg,var(--navy),#0a315a);border-radius:30px;padding:22px;transform:rotate(-1deg);box-shadow:0 30px 70px #031f3a3d}.window-bar{direction:ltr;gap:6px;margin-bottom:20px;display:flex}.window-bar i{background:#2d5276;border-radius:50%;width:9px;height:9px}.window-bar i:first-child{background:#ff5d67}.window-bar i:nth-child(2){background:#ffbd45}.window-bar i:nth-child(3){background:#41d28d}.mini-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mini-card{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;min-height:112px;padding:16px}.mini-card strong{margin-top:16px;font-size:26px;display:block}.mini-card small{color:#9db4ca}.mini-card.wide{background:linear-gradient(90deg,#087cff66,#23d6da24);grid-column:1/-1;min-height:90px}.landing-features{grid-template-columns:repeat(3,1fr);gap:15px;max-width:1180px;margin:-20px auto 0;padding:0 26px 75px;display:grid}.feature{border:1px solid var(--line);background:#ffffffc7;border-radius:20px;padding:24px;box-shadow:0 10px 30px #1c40660f}.feature b{margin:12px 0 7px;font-size:18px;display:block}.feature p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.feature-icon{color:#087cff;background:#eaf4ff;border-radius:13px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:radial-gradient(circle at 30% 20%,#23d6da33,transparent 28%),linear-gradient(145deg,var(--navy),#0c3b68);color:#fff;flex-direction:column;justify-content:space-between;padding:50px;display:flex}.login-art h2{max-width:560px;margin:0;font-size:45px;line-height:1.15}.login-art p{color:#b8cbe0;max-width:520px;line-height:1.8}.login-points{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.login-points div{background:#ffffff0d;border:1px solid #ffffff1c;border-radius:15px;padding:16px}.login-points b{margin-bottom:4px;font-size:22px;display:block}.login-points small{color:#9eb5ca}.login-side{background:#f8fbfe;place-items:center;padding:30px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:25px;width:min(460px,100%);padding:34px;box-shadow:0 18px 50px #1836571a}.login-card h1{margin:26px 0 8px;font-size:31px}.login-card>p{color:var(--muted);margin:0 0 27px}.field{gap:8px;margin-bottom:16px;display:grid}.field label{font-size:14px;font-weight:800}.input{width:100%;min-height:49px;color:var(--text);background:#fbfdff;border:1px solid #ccd9e6;border-radius:13px;outline:none;padding:11px 14px}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #087cff1a}textarea.input{resize:vertical;min-height:88px}.error-box,.success-box{border-radius:12px;margin-bottom:15px;padding:12px 14px;font-size:14px}.error-box{color:#bd3144;background:#fff0f2;border:1px solid #ffd5da}.success-box{color:#087b56;background:#ebfbf4;border:1px solid #c4f0de}.full{width:100%}.admin-shell{direction:ltr;grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg,var(--navy),#071425);color:#fff;z-index:20;direction:rtl;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sidebar .brand{border-bottom:1px solid #ffffff17;padding:3px 5px 23px}.sidebar .brand-copy small{color:#7fa1bf}.side-label{color:#6586a5;letter-spacing:2px;margin:22px 11px 10px;font-size:10px;font-weight:900}.side-nav{gap:5px;display:grid}.side-link{color:#bdd0e1;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:12px 13px;font-size:14px;font-weight:800;display:flex}.side-link:hover,.side-link.active{color:#fff;background:#087cff2e;border-color:#3f9bff38}.side-link span{text-align:center;width:24px;font-size:18px}.side-bottom{border-top:1px solid #ffffff17;margin-top:auto;padding-top:15px}.user-chip{background:#ffffff0f;border-radius:14px;margin-bottom:9px;padding:12px}.user-chip b{font-size:13px;display:block}.user-chip small{color:#82a1bd;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.side-button{color:#a9c0d5;text-align:right;cursor:pointer;background:0 0;border:0;width:100%;padding:10px 12px;font-weight:700}.admin-main{direction:rtl;min-width:0}.admin-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffe8;justify-content:space-between;align-items:center;min-height:76px;padding:14px 30px;display:flex;position:sticky;top:0}.admin-top h1{margin:0;font-size:21px}.admin-top p{color:var(--muted);margin:4px 0 0;font-size:12px}.top-actions{align-items:center;gap:9px;display:flex}.mobile-menu{border:1px solid var(--line);background:#fff;border-radius:12px;width:42px;height:42px;font-size:20px;display:none}.admin-content{max-width:1480px;margin:auto;padding:27px 30px 45px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:21px;display:flex}.page-heading h2{margin:0 0 5px;font-size:28px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.grid-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:18px;display:flex;box-shadow:0 7px 20px #2444650a}.stat-icon{width:47px;height:47px;color:var(--blue);background:#eaf4ff;border-radius:14px;place-items:center;font-size:21px;display:grid}.stat b{margin-bottom:4px;font-size:25px;display:block}.stat small{color:var(--muted);font-weight:700}.stat.green .stat-icon{color:var(--green);background:#e8faf3}.stat.amber .stat-icon{color:var(--amber);background:#fff7df}.stat.purple .stat-icon{color:#7a48d9;background:#f3edff}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 7px 25px #2242630a}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex}.panel-head h3{margin:0;font-size:17px}.panel-body{padding:19px}.two-columns{grid-template-columns:1.4fr .6fr;gap:16px;display:grid}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-card{border:1px solid var(--line);border-radius:14px;padding:15px;transition:all .18s}.quick-card:hover{border-color:#9ecbf6;transform:translateY(-1px)}.quick-card b{margin-bottom:5px;display:block}.quick-card small{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px;display:flex}.search{flex:1;min-width:200px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th{text-align:right;color:#62778d;border-bottom:1px solid var(--line);background:#f7fafd;padding:12px;font-size:12px}.table td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 12px;font-size:13px}.table tr:last-child td{border-bottom:0}.table strong{font-size:14px}.subtext{color:var(--muted);margin-top:4px;font-size:11px}.badge{color:#567087;white-space:nowrap;background:#eff5fb;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:850;display:inline-flex}.badge.green{color:#078158;background:#e9faf3}.badge.red{color:#bf3548;background:#fff0f2}.badge.amber{color:#a66a03;background:#fff7df}.badge.blue{color:#086ccd;background:#eaf4ff}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.actions{gap:6px;display:flex}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;min-width:34px;height:34px}.icon-btn:hover{color:var(--blue);border-color:#9dcaf5}.empty{text-align:center;padding:50px 20px}.empty-icon{background:#edf5fd;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 13px;font-size:27px;display:grid}.empty h3{margin:0 0 7px}.empty p{color:var(--muted);margin:0;font-size:13px}.loading-page{place-items:center;min-height:60vh;display:grid}.spinner{border:4px solid #dfeaf5;border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid .wide{grid-column:1/-1}.drawer-backdrop{z-index:60;background:#05152685;justify-content:flex-start;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(560px,100%);height:100%;padding:24px;animation:.18s slide;overflow:auto;box-shadow:20px 0 60px #0000002e}@keyframes slide{0%{opacity:.4;transform:translate(-25px)}}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.drawer-head h3{margin:0}.close{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;width:39px;height:39px}.drawer-actions{border-top:1px solid var(--line);gap:9px;margin-top:22px;padding-top:18px;display:flex}.template-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.template-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.template-preview{height:150px;color:var(--blue);background:linear-gradient(145deg,#e7f3ff,#edfdfc);place-items:center;font-size:42px;display:grid}.template-info{padding:16px}.template-info h3{margin:0 0 6px}.template-info p{color:var(--muted);min-height:42px;font-size:13px;line-height:1.6}.template-footer{justify-content:space-between;align-items:center;margin-top:13px;display:flex}@media (max-width:1050px){.grid-stats{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:32px}}@media (max-width:780px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-panel{transform:none}.landing-features,.login-page{grid-template-columns:1fr}.login-art{display:none}.admin-shell{grid-template-columns:1fr}.sidebar{width:280px;transition:all .2s;position:fixed;right:0;transform:translate(110%);box-shadow:-15px 0 50px #0000003d}.admin-shell.menu-open .sidebar{transform:none}.mobile-menu{display:block}.admin-top{padding:12px 16px}.admin-content{padding:20px 14px 36px}.top-actions .btn span{display:none}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .btn{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.template-grid{grid-template-columns:1fr}.drawer-backdrop{justify-content:stretch}}@media (max-width:520px){.landing-nav{padding:16px}.nav-actions .btn-white{display:none}.hero{padding:35px 17px 65px}.hero h1{letter-spacing:-1.5px;font-size:44px}.mini-grid{grid-template-columns:1fr}.mini-card.wide{grid-column:auto}.grid-stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px;display:block}.stat-icon{margin-bottom:11px}.stat b{font-size:21px}.quick-grid{grid-template-columns:1fr}.login-card{border-radius:20px;padding:24px 20px}.login-side{padding:16px}.top-actions .btn-soft{display:none}}