@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0f1b;--sidebar:#0e1320;--panel:#151b2b;--soft:#1b2335;--border:#2b3244;--text:#f5f5fb;--muted:#8f9ab1;--purple:#9277fb;--cyan:#7ddff7}*{box-sizing:border-box}body{margin:0;font:14px 'Cairo',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}small{display:block}h1{font-size:29px;line-height:1.5;margin:3px 0}h3{font-size:15px;margin:0 0 15px}.muted,.heading p,.panel-top p{color:var(--muted)}.small{font-size:11px}.sidebar{width:254px;position:fixed;right:0;top:0;bottom:0;background:var(--sidebar);border-left:1px solid var(--border);padding:30px 17px;display:flex;flex-direction:column;gap:6px;z-index:3}.logo{display:flex;gap:12px;align-items:center;font-weight:800;font-family:Inter,sans-serif;font-size:18px;direction:ltr;justify-content:flex-end;margin-bottom:28px}.logo small{letter-spacing:2px;font-size:8px;color:var(--muted);margin-top:5px}.logo-icon{height:42px;width:42px;background:linear-gradient(135deg,#9b7bfe,#5f6afc);border-radius:13px;display:grid;place-items:center;font-size:27px;color:#fff;box-shadow:0 8px 22px #6956ff36}.side-caption{color:#65718b;font-size:10px;font-weight:800;margin:17px 12px 7px}.nav-item{display:flex;gap:12px;padding:10px 14px;border-radius:11px;color:#9da8bc;font-weight:700;align-items:center}.nav-item:hover,.nav-item.active{background:#282443;color:#c7b9ff}.material{width:25px;text-align:center;font-size:20px;font-family:Inter,sans-serif}.sidebar-bottom{display:flex;gap:8px;align-items:center;margin-top:auto;padding:16px 5px;border-top:1px solid var(--border)}.admin-avatar{height:37px;width:37px;display:grid;place-items:center;background:#39305f;border-radius:11px;color:#fff}.account-name{font-weight:800;font-size:11px;max-width:125px;overflow:hidden}.account-name small{color:var(--muted);font-size:10px}.logout{border:0;background:none;color:var(--muted);font-size:24px}.main{margin-right:254px;min-height:100vh}.topbar{height:79px;border-bottom:1px solid #242a3a;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{color:#70809a;font-size:12px}.breadcrumbs b{color:#e5e6ee;margin-right:8px}.top-actions{display:flex;align-items:center;gap:24px;font-size:11px}.top-actions a{color:#a9b5cc}.live{color:#60d6a4}.content{max-width:1430px;margin:auto;padding:40px 38px 90px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}.heading p{font-size:12px;margin:4px 0}.eyebrow{color:#9986ff;font:700 10px Inter;letter-spacing:2.5px}.primary{border:none;border-radius:11px;background:linear-gradient(135deg,#997afa,#7064ed);color:white;padding:12px 19px;font-weight:800;box-shadow:0 8px 22px #6c50e12b}.primary:hover{filter:brightness(1.08)}.link-button{display:inline-block}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat,.panel{background:linear-gradient(145deg,#191e30,#151b29);border:1px solid var(--border);border-radius:18px}.stat{min-height:164px;padding:24px;position:relative}.stat span{color:#a9b2c5;font-size:11px}.stat b{display:block;font:700 31px Inter,sans-serif;margin:15px 0}.stat i{position:absolute;top:16px;left:17px;font-style:normal;font-size:25px;color:#a38bff;background:#2f284c;width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.stat small{font-size:10px;color:#70809b}.two-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:22px}.panel{padding:23px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:20px}.panel-top h3{margin-bottom:0}.panel-top p{font-size:11px;margin-top:4px;margin-bottom:0}.bars{height:170px;display:flex;justify-content:center;align-items:flex-end;gap:10px;direction:ltr}.bar-unit{height:150px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px;flex:1;min-width:4px}.bar{background:linear-gradient(#aa8cff,#6555cb);border-radius:6px 6px 2px 2px;width:75%;max-width:28px;transition:height .3s}.bar-unit small{font:9px Inter;color:#76809a;white-space:nowrap}.quick{padding:13px 0;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.quick:last-child{border-bottom:0}.quick>span{background:#2a3047;color:#ae9aff;padding:11px;border-radius:12px;font-size:18px}.quick div{flex:1}.quick b{font-size:12px}.quick small{font-size:10px;color:var(--muted)}.quick em{font-style:normal;color:#8980b7}.toast,.alert{padding:12px 16px;background:#342b4c;color:#d0bcff;border:1px solid #59437c;border-radius:10px;margin-bottom:24px}.table-panel{padding:0;overflow:hidden}.table-panel>.panel-top{padding:23px 23px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{background:#1a2031;color:#7f8ca5;text-transform:uppercase;font-size:10px;padding:17px 21px}td{border-top:1px solid var(--border);padding:14px 21px;font-size:12px;color:#d1d7e4}td b,td small{display:block}td small{font-size:10px;color:#75829c;margin-top:3px}td img,.cell-placeholder{width:45px;height:45px;object-fit:cover;border-radius:9px}.cell-title{display:flex;gap:11px;align-items:center}.cell-placeholder{background:#413660;display:grid;place-items:center;font-size:22px}.pill{padding:5px 9px;border-radius:8px;font-weight:800;font-size:10px;display:inline-block}.green{background:#1b4336;color:#83eac0}.gray{background:#333849;color:#aeb6c5}.purple{background:#38304e;color:#c3a6ff}.actions{display:flex;gap:12px;align-items:center}.actions a{color:#b8a7ff}.actions button,.danger-link{border:none;background:none;color:#fc919d;padding:0}.empty{text-align:center;padding:38px;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px}.stack{display:flex;flex-direction:column;gap:18px}.form-panel{padding:25px}.form-panel label,.login-card label{display:flex;flex-direction:column;gap:9px;color:#bbc6d8;font-size:11px;font-weight:700;margin-bottom:16px}.form-panel input:not([type=checkbox]):not([type=color]),.form-panel select,.form-panel textarea,.login-card input,.search-strip input{width:100%;border:1px solid #343e54;border-radius:9px;background:#101625;color:#eaeaf5;padding:12px 13px;outline:0;min-width:0}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.login-card input:focus{border-color:#967af8}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.form-panel textarea{resize:vertical}.form-panel .color-field{border:1px solid #343e54;border-radius:9px;background:#101625;padding:5px;width:100%}.color-field input{height:34px;width:100%;border:0;cursor:pointer;background:none}.toggles{display:flex;flex-wrap:wrap;gap:30px}.toggles label{display:flex;flex-direction:row;align-items:center}.toggles input{accent-color:#8d76f6}.save-button{width:100%;font-size:13px}.preview-column{position:sticky;top:20px;align-self:start}.live-preview{height:230px;border-radius:19px;margin-top:10px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 18px 35px #0007;direction:ltr}.preview-top{letter-spacing:3px;font:500 10px Inter;opacity:.7}.preview-clock{font:700 62px Inter;letter-spacing:-5px;margin:9px 0}.preview-bottom{font:600 11px Inter;letter-spacing:2px}.preview-hint{color:var(--muted);font:11px Inter;text-align:center;margin-top:18px}.subtle-link{font-size:11px;color:#a99bff}.settings-form{max-width:850px}.mini-form{display:flex;gap:6px;align-items:center}.mini-form input{width:65px!important;padding:7px!important}.outline-button{border:1px solid #6c64ad;color:#b9aafc;background:none;padding:7px 10px;border-radius:8px}.search-strip{display:flex;gap:10px;margin-bottom:20px;max-width:550px}.login-wrapper{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;direction:ltr}.login-art{background:radial-gradient(ellipse at 40% 30%,#433b81,#17162d 60%,#0b0d17);display:flex;flex-direction:column;justify-content:center;align-items:center;direction:ltr}.login-art h1{font:800 35px Inter}.login-art p{color:#a8a5c3}.art-mark{font-size:70px;color:#ac91ff}.art-widget{background:linear-gradient(135deg,#2e3054,#15152c);padding:30px 38px;border:1px solid #555379;border-radius:23px;font:700 58px Inter;margin:45px 0;box-shadow:0 15px 90px #8a6af42c}.art-widget span{display:block;font:11px Inter;letter-spacing:4px;color:#9c91d6;text-align:center}.login-card{max-width:440px;margin:auto;width:calc(100% - 50px);direction:rtl}.login-card h2{font-size:29px;margin:30px 0 0}.login-card .muted{margin:10px 0 34px}.login-card label{font-size:12px}.login-card .full{width:100%;margin:10px 0}.small-brand{font:700 11px Inter;letter-spacing:2px;color:#b09cfb;direction:ltr;text-align:right}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.two-panels{grid-template-columns:1fr}}@media(max-width:850px){.sidebar{position:relative;width:100%;height:auto;padding:13px;flex-direction:row;flex-wrap:wrap;align-items:center}.logo{margin:0}.nav-item{font-size:10px;padding:9px}.side-caption,.sidebar-bottom{display:none}.main{margin:0}.topbar{padding:0 20px}.content{padding:25px 18px}.editor-grid{grid-template-columns:1fr}.preview-column{position:static}.login-wrapper{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:550px){.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px;min-height:130px}.stat b{font-size:23px}.field-grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}h1{font-size:24px}.top-actions{display:none}}