:root{--gold:#e0a93a;--gold-light:#e8c98a;--gold-deep:#b8842a;--gold-glow:#e0a93a80;--gold-border:#e0a93a3d;--gold-border-soft:#e0a93a2e;--gold-soft-bg:#e0a93a1f;--color-bg:#0a0a0a;--color-bg-alt:#0d0d0d;--color-surface:#161616;--color-surface-2:#1c1c1c;--color-surface-glass:#1c1c1c80;--color-heading:#f2e9d8;--color-text:#e6e0d4;--color-text-muted:#b7b7b7;--color-text-faint:#7c7c7c;--color-text-on-gold:#14100a;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-success:#4caf6a;--color-success-soft:#4caf6a24;--color-danger:#e2564a;--color-danger-soft:#e2564a24;--color-locked:var(--gold);--color-locked-soft:var(--gold-soft-bg);--radius-sm:12px;--radius:18px;--radius-pill:50px;--shadow-sm:0 4px 14px #0006;--shadow:0 10px 30px #00000080;--shadow-gold:0 6px 20px var(--gold-glow);--font-sans:"Outfit", "Cairo", -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.25s;--dur-medium:.5s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--sidebar-width:236px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.6}h1,h2,h3{letter-spacing:-.01em;color:var(--color-heading);margin:0;font-weight:600}h1{font-size:21px}h2{font-size:18px}h3{font-size:15px}p{color:var(--color-text-muted);margin:0}a{color:var(--gold);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app-shell{background-color:var(--color-bg);height:100vh;display:flex;overflow:hidden}.mobile-topbar{display:none}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-alt);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-4) var(--space-5);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-close-btn,.sidebar-overlay{display:none}.sidebar-brand{height:90px;margin-bottom:var(--space-6);position:relative;overflow:visible}.sidebar-brand img{object-fit:contain;width:auto;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-link{padding:10px var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;text-align:left;width:100%;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.sidebar-link:hover{color:var(--color-heading);background-color:#ffffff0a}.sidebar-link.active{background-color:var(--gold-soft-bg);color:var(--gold);border:1px solid var(--gold-border-soft)}.sidebar-footer{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-4)}.sidebar-user{color:var(--color-text-faint);padding:0 var(--space-2);margin-bottom:var(--space-3);font-size:12px}.sidebar-user strong{color:var(--color-heading);margin-bottom:2px;font-size:13px;font-weight:500;display:block}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.main-content-inner{padding:var(--space-7) var(--space-7) var(--space-6);flex:1}.page-container{max-width:860px;margin:0 auto}.page-container-wide{max-width:1100px;margin:0 auto}.page-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.app-footer{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;height:56px;display:flex;position:relative;overflow:visible}.app-footer img{object-fit:contain;opacity:.9;width:auto;height:100px}.app-footer span{color:var(--color-text-faint);margin-left:var(--space-3);font-size:12px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border:1px solid #0000;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)scale(1.02)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--gold);color:var(--color-text-on-gold)}.btn-primary:hover:not(:disabled){background-color:var(--gold-light);box-shadow:var(--shadow-gold)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border-strong);background-color:#ffffff0a}.btn-secondary:hover:not(:disabled){border-color:var(--gold-border);background-color:#ffffff14}.btn-danger{background-color:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover:not(:disabled){opacity:.85}.btn-block{width:100%}.btn-sm{padding:7px 16px;font-size:12.5px}.field{margin-bottom:var(--space-4);display:block}.field-label{color:var(--color-text-muted);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.field-input,.field-textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background-color:#ffffff0d;padding:10px 14px;font-family:inherit;font-size:13.5px}select.field-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23e6e0d4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;background-color:var(--color-surface)!important}select.field-input option{background-color:var(--color-surface);color:var(--color-text)}.field-input::placeholder,.field-textarea::placeholder{color:var(--color-text-faint)}.field-input:focus,.field-textarea:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-soft-bg)}.field-textarea{resize:vertical}:-webkit-any(.field-input:-webkit-autofill,.field-textarea:-webkit-autofill){-webkit-text-fill-color:var(--color-text);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffff0d}:is(.field-input:autofill,.field-textarea:autofill){-webkit-text-fill-color:var(--color-text);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #ffffff0d}.checkbox-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);cursor:pointer;color:var(--color-text);font-size:13.5px;display:flex}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}.field-error{color:var(--color-danger);margin-bottom:var(--space-3);font-size:12.5px}.card{background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(15px);border:1px solid var(--gold-border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:box-shadow var(--dur-medium) var(--ease-out), transform var(--dur-medium) var(--ease-out), border-color var(--dur-medium) var(--ease-out)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow), var(--shadow-gold);border-color:var(--gold-border);transform:translateY(-2px)}.card-accent-locked{border-left:3px solid var(--gold);border-radius:var(--radius)}.card-accent-success{border-left:3px solid var(--color-success);border-radius:var(--radius)}.card-accent-danger{border-left:3px solid var(--color-danger);border-radius:var(--radius)}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-block}.badge-neutral{color:var(--color-text-muted);background-color:#ffffff0f}.badge-success{background-color:var(--color-success-soft);color:var(--color-success)}.badge-locked{background-color:var(--gold-soft-bg);color:var(--gold)}.badge-danger{background-color:var(--color-danger-soft);color:var(--color-danger)}.login-page{min-height:100vh;display:flex}.login-visual{padding:var(--space-8);background:linear-gradient(160deg,#141210 0%,#0a0a0a 100%);flex-direction:column;flex:1.1;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";background:radial-gradient(circle, var(--gold-glow), transparent 70%);opacity:.25;border-radius:50%;width:480px;height:480px;position:absolute;top:-140px;right:-160px}.login-visual-brand{z-index:1;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.login-visual-brand img{object-fit:contain;width:auto;height:260px}.login-visual-quote{letter-spacing:-.02em;max-width:380px;color:var(--color-heading);z-index:1;font-size:25px;font-weight:600;line-height:1.4;position:relative}.login-visual-quote span{color:var(--gold)}.login-visual-footnote{color:var(--color-text-faint);z-index:1;font-size:12.5px;position:relative}.login-form-side{padding:var(--space-5);background:linear-gradient(160deg,#141210 0%,#0a0a0a 100%);flex:1;justify-content:center;align-items:center;display:flex}.login-box{width:100%;max-width:360px}.login-brand{margin-bottom:var(--space-6);text-align:center}.login-brand h1{font-size:20px}.login-brand p{margin-top:6px;font-size:13px}.login-footnote{text-align:center;margin-top:var(--space-5);color:var(--color-text-faint);font-size:12px}.website-card-row{justify-content:space-between;align-items:center;display:flex}.website-card-main{align-items:center;gap:var(--space-3);display:flex}.website-card-icon{border-radius:var(--radius-sm);background:var(--gold-soft-bg);width:38px;height:38px;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.website-card-title{color:var(--color-heading);margin-bottom:2px;font-size:15.5px}.website-card-slug{font-size:12.5px}.website-list{gap:var(--space-3);flex-direction:column;display:flex}.website-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=900px){.website-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.website-grid{grid-template-columns:1fr}}.section-list{gap:var(--space-4);flex-direction:column;display:flex}.section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-title{text-transform:capitalize}.section-locked-note{margin-bottom:var(--space-3);font-size:12.5px}.section-save-row{margin-top:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.section-saved-msg{color:var(--color-success);font-size:12.5px;font-weight:500}.section-locked-preview{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff08;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;overflow-x:auto}.list-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3);background-color:#ffffff05}.section-reorder-controls{flex-direction:column;gap:4px;display:flex}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:#ffffff0a;justify-content:center;align-items:center;font-size:13px;display:flex}.icon-btn:hover:not(:disabled){background:var(--gold-soft-bg);color:var(--gold);border-color:var(--gold-border)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.admin-list{gap:var(--space-3);flex-direction:column;display:flex}.admin-card-top{justify-content:space-between;align-items:center;display:flex}.admin-username{margin-right:var(--space-2);color:var(--color-heading);font-size:14px;font-weight:600}.admin-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.assigned-list-label{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:12.5px;font-weight:500}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.main-content::-webkit-scrollbar{width:10px}.field-textarea::-webkit-scrollbar{width:10px}.main-content::-webkit-scrollbar-track{background:var(--color-bg-alt)}.field-textarea::-webkit-scrollbar-track{background:var(--color-bg-alt)}.main-content::-webkit-scrollbar-thumb{background-color:var(--gold-border);border-radius:var(--radius-pill);border:2px solid var(--color-bg-alt)}.field-textarea::-webkit-scrollbar-thumb{background-color:var(--gold-border);border-radius:var(--radius-pill);border:2px solid var(--color-bg-alt)}.main-content::-webkit-scrollbar-thumb:hover{background-color:var(--gold)}.field-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--gold)}.main-content{scrollbar-width:thin;scrollbar-color:var(--gold-border) var(--color-bg-alt)}@media (width<=900px){html,body,#root{height:auto;overflow:hidden auto}.app-shell{height:auto;min-height:100vh;display:block;overflow:visible}.mobile-topbar{align-items:center;gap:var(--space-3);z-index:20;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);height:60px;display:flex;position:sticky;top:0;overflow:visible}.mobile-topbar-logo{object-fit:contain;flex-shrink:0;width:auto;height:150px}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;display:flex}.mobile-menu-btn span{background-color:var(--color-heading);border-radius:2px;width:100%;height:2px;display:block}.sidebar{z-index:30;height:100vh;transition:transform var(--dur-medium) var(--ease-out);box-shadow:var(--shadow);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-close-btn{color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-3);background:0 0;border:none;align-self:flex-end;padding:4px 8px;font-size:24px;line-height:1;display:block}.sidebar-overlay{z-index:25;background:#0009;display:block;position:fixed;inset:0}.main-content{overflow-y:visible}.main-content-inner{padding:var(--space-5) var(--space-4)}.app-footer{height:auto;padding:var(--space-4) 0;gap:var(--space-2);flex-direction:column}.app-footer img{height:70px}.app-footer span{margin-left:0}}@media (width<=760px){html,body,#root{height:auto;overflow-y:auto}.login-page{flex-direction:column;height:auto;min-height:100vh}.login-visual{padding:var(--space-6) var(--space-5);flex:none;min-height:220px}.login-visual-quote{max-width:none;font-size:19px}.login-visual-brand img{height:150px}.login-form-side{padding:var(--space-5) var(--space-4) var(--space-7)}}@media (width<=480px){.main-content-inner{padding:var(--space-4) var(--space-3)}.page-header{gap:var(--space-3);flex-direction:column}.card{padding:var(--space-4)}.admin-actions{flex-direction:column;align-items:stretch}.admin-actions .btn{width:100%}.sidebar-footer{flex-wrap:wrap}}.dashboard-controls{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.dashboard-search{flex:1;min-width:160px}.dashboard-page-size{flex-shrink:0;width:110px}.dashboard-page-size select{cursor:pointer}.dashboard-pagination-inline{align-items:center;gap:var(--space-2);flex-shrink:0;padding-bottom:2px;display:flex}.dashboard-pagination-inline .btn{min-width:0;padding:8px 14px}.pagination-status{color:var(--color-text-muted);white-space:nowrap;padding:0 var(--space-2);font-size:13px;font-weight:500}@media (width<=760px){.dashboard-controls{flex-direction:column;align-items:stretch}.dashboard-page-size{width:100%}.dashboard-pagination-inline{padding-top:var(--space-2);justify-content:center}}