@font-face{font-family:Cairo;src:url(../fonts/cairo-regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url(../fonts/cairo-semibold.woff2) format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Cairo;src:url(../fonts/cairo-bold.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--brand:#123e99;--sky:#37afe1;--navy:#061b45;--ink:#102a4c;--muted:#66798d;--surface:#f3f9fc;--line:#dce9ef;--white:#fff;--success:#15956b;--danger:#d43b32;--shadow:0 18px 50px rgba(6,27,69,.1)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface);font-family:Cairo,system-ui,sans-serif}.icon{width:1.3em;height:1.3em}.admin-button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:1px solid transparent;border-radius:12px;font-weight:800;text-decoration:none;cursor:pointer}.admin-button.primary{background:var(--brand);color:var(--white)}.admin-button.light{background:var(--white);color:var(--navy)}.admin-button.ghost{border-color:var(--line);background:transparent;color:var(--brand)}.admin-button.full{width:100%}.alert{position:relative;margin-bottom:16px;padding:13px 42px 13px 15px;border:1px solid #a9dec0;border-radius:13px;background:#edf9f2;color:var(--success);font-size:12px}.alert.error{border-color:#f0b9b4;background:#fff0ef;color:var(--danger)}.alert>button{position:absolute;inset-inline-end:8px;top:7px;width:30px;height:30px;border:0;background:transparent;color:inherit}
.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:#eaf5fa}.login-shell{width:min(1050px,100%);min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:32px;background:var(--white);box-shadow:0 35px 100px rgba(6,27,69,.2)}.login-brand{display:flex;flex-direction:column;justify-content:space-between;padding:48px;background:var(--navy);color:var(--white)}.login-pattern{display:none}.login-brand>img{width:170px;height:120px;object-fit:contain;padding:8px;border-radius:18px;background:var(--white)}.login-brand>div>span{color:#9be6ff;font-size:13px;font-weight:800}.login-brand h1{max-width:520px;margin:12px 0;font-size:42px;line-height:1.35}.login-brand p{max-width:520px;color:#bfd0de}.login-brand small{color:#91a9bb}.login-card{display:flex;flex-direction:column;justify-content:center;padding:62px}.back-site{align-self:flex-start;margin-bottom:30px;color:var(--muted);font-size:12px;text-decoration:none}.login-mark{width:150px;height:110px;margin-bottom:14px}.login-mark img{width:100%;height:100%;object-fit:contain}.login-kicker{color:var(--brand);font-size:12px;font-weight:800}.login-card h2{margin:5px 0 4px;font-size:29px;color:var(--navy)}.login-card>p{margin-bottom:25px;color:var(--muted);font-size:13px}.login-card form,.form-panel form{display:grid;gap:15px}.login-card label,.form-panel label,.settings-form label{display:grid;gap:7px}.login-card label>span,.form-panel label>span,.settings-form label>span{color:#3f5871;font-size:12px;font-weight:700}.login-card input,.form-panel input,.form-panel textarea,.form-panel select,.settings-form input,.settings-form textarea,.settings-form select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfdfe;color:var(--ink);outline:0}.form-panel textarea,.settings-form textarea{resize:vertical;min-height:95px}.login-card input:focus,.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus,.settings-form input:focus,.settings-form textarea:focus,.settings-form select:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(55,175,225,.13)}.password-field{position:relative}.password-field input{padding-inline-end:50px}.toggle-password{position:absolute;inset-inline-end:7px;top:5px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted)}.secure-note{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--success);font-size:11px}
.admin-shell{min-height:100vh}.admin-sidebar{position:fixed;z-index:80;inset-block:0;inset-inline-start:0;width:260px;display:flex;flex-direction:column;background:var(--navy);color:#bdd0dd}.sidebar-brand{height:94px;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand img{width:85px;height:64px;object-fit:contain;border-radius:13px;background:var(--white)}.sidebar-close{display:none;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:transparent;color:var(--white)}.admin-sidebar nav{display:grid;gap:4px;flex:1;padding:14px 12px;overflow:auto}.admin-sidebar nav a{position:relative;display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:9px;min-height:43px;padding:6px 10px;border-radius:11px;color:inherit;text-decoration:none;font-size:12px;font-weight:700}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.1);color:var(--white)}.admin-sidebar nav i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.08)}.admin-sidebar nav b{min-width:21px;height:21px;display:grid;place-items:center;border-radius:999px;background:var(--sky);color:var(--white);font-size:9px}.sidebar-footer{padding:15px;border-top:1px solid rgba(255,255,255,.1)}.admin-user{display:flex;align-items:center;gap:10px}.admin-user>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--sky);color:var(--navy);font-weight:800}.admin-user div{display:grid;min-width:0}.admin-user b{color:var(--white);font-size:11px}.admin-user small{overflow:hidden;text-overflow:ellipsis;font-size:8px}.sidebar-footer form{margin-top:10px}.sidebar-footer button{width:100%;display:flex;align-items:center;gap:8px;padding:9px;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:inherit}.admin-main{margin-inline-start:260px;min-height:100vh}.admin-topbar{min-height:94px;display:flex;align-items:center;gap:14px;padding:16px 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95)}.admin-topbar>div:nth-child(2){flex:1}.admin-topbar span{font-size:9px;color:var(--muted)}.admin-topbar h1{margin:1px 0;font-size:20px;color:var(--navy)}.sidebar-open{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--navy)}.top-actions{display:flex;gap:8px}.top-actions a{padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:var(--brand);font-size:10px;text-decoration:none;font-weight:700}.admin-content{padding:24px 28px 55px}
.welcome-panel{display:flex;align-items:center;justify-content:space-between;min-height:250px;padding:40px;border-radius:26px;background:var(--brand);color:var(--white);overflow:hidden}.welcome-panel>div:first-child{max-width:650px}.welcome-panel>div>span{color:#a7eaff;font-size:12px;font-weight:800}.welcome-panel h2{margin:8px 0;font-size:34px}.welcome-panel p{color:#d0e1ec}.welcome-panel>div>div{display:flex;gap:10px}.welcome-mark{width:170px;height:135px;display:grid;place-items:center;padding:14px;border-radius:23px;background:var(--white)}.welcome-mark img{width:100%;height:100%;object-fit:contain}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.stats-grid article{display:flex;align-items:center;gap:13px;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.stats-grid article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e7f6fb;color:var(--brand)}.stats-grid small,.stats-grid p{display:block;margin:0;color:var(--muted);font-size:9px}.stats-grid strong{display:block;color:var(--navy);font-size:25px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 7px 26px rgba(6,27,69,.04)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;color:var(--navy);font-size:17px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.panel-head>a{color:var(--brand);font-size:11px;font-weight:700;text-decoration:none}.quick-links,.system-card{padding:22px}.quick-links>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px}.quick-links a{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfdfe;text-decoration:none;color:var(--ink)}.quick-links a>.icon{width:25px;height:25px;color:var(--brand)}.quick-links b,.quick-links small{display:block}.quick-links b{font-size:12px}.quick-links small{color:var(--muted);font-size:9px}.system-card ul{display:grid;margin:13px 0 0;padding:0;list-style:none}.system-card li{min-height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.system-card b.on{color:var(--success)}.system-card b.off{color:var(--danger)}.system-card code{direction:ltr;color:var(--brand)}
.settings-form{display:grid;gap:18px}.form-panel{padding:22px}.form-panel>.panel-head{margin-bottom:18px}.fields{display:grid;gap:13px}.fields.two{grid-template-columns:repeat(2,1fr)}.fields.three{grid-template-columns:repeat(3,1fr)}.fields.four{grid-template-columns:repeat(4,1fr)}.color-fields{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.color-fields input{padding:4px;height:52px}.switch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.switch{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px}.switch input{width:auto;min-height:auto}.switch.boxed{margin:4px 0}.sticky-save{position:sticky;z-index:10;bottom:15px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.95);box-shadow:var(--shadow)}.sticky-save span{font-size:10px;color:var(--muted)}.manager-layout{display:grid;grid-template-columns:.75fr 1.25fr;align-items:start;gap:18px}.item-editor{position:sticky;top:115px}.records-panel{padding:22px}.record-list{display:grid;gap:9px;margin-top:16px}.record-list article{display:grid;grid-template-columns:54px 1fr auto auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:13px}.record-thumb{width:54px;height:54px;object-fit:cover;border-radius:10px}.record-order{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--brand);font-weight:800}.record-list article>div:nth-child(2){display:grid}.record-list b{font-size:11px}.record-list small{color:var(--muted);font-size:8px}.status{padding:5px 8px;border-radius:999px;background:#fff5df;color:#926414;font-size:8px}.status.active{background:#e7f6ef;color:var(--success)}.status.off{background:#fff0ef;color:var(--danger)}.record-actions{display:flex!important;align-items:center;gap:6px}.record-actions a,.record-actions button{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--brand);font-size:9px;text-decoration:none}.record-actions form{display:block}.current-media{width:100%;max-height:210px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.empty-state{padding:55px;text-align:center}.empty-state>span{width:62px;height:62px;display:grid;place-items:center;margin:auto;border-radius:18px;background:var(--surface);color:var(--brand)}.empty-state p{color:var(--muted);font-size:11px}
.media-layout,.security-grid{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:18px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.media-grid article{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px}.media-grid img{width:100%;aspect-ratio:1;object-fit:cover}.media-grid article>div{display:grid;padding:9px}.media-grid b{font-size:9px}.media-grid code,.media-grid small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:7px}.media-grid form{position:absolute;top:7px;inset-inline-end:7px}.media-grid button{width:31px;height:31px;border:0;border-radius:9px;background:var(--danger);color:var(--white)}.inbox-list,.application-list,.activity-list{display:grid;gap:11px;margin-top:16px}.inbox-list article,.application-list article{padding:16px;border:1px solid var(--line);border-radius:14px}.inbox-list article.unread,.application-list article.unread,.admin-order.unread{border-inline-start:4px solid var(--sky)}.inbox-list header,.application-list header{display:flex;justify-content:space-between}.inbox-list header>div,.application-list header>div{display:flex;gap:9px}.inbox-list header>div>span,.application-list header>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:var(--white)}.inbox-list h3,.inbox-list h4,.application-list h3{margin:0}.inbox-list p,.application-list p{font-size:11px;color:var(--muted)}.inbox-list footer,.application-list footer{display:flex;align-items:center;gap:8px}.inbox-list select,.application-list select,.admin-order select{padding:7px;border:1px solid var(--line);border-radius:8px}.inbox-list footer a,.inbox-list footer button,.application-list footer a,.application-list footer button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--brand);font-size:9px;text-decoration:none}.security-info{padding:28px;text-align:center}.security-info>span{width:75px;height:75px;display:grid;place-items:center;margin:auto;border-radius:23px;background:#e7f6fb;color:var(--brand)}.security-info ul{text-align:right}.activity-list article{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.activity-list article>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e7f6fb;color:var(--brand)}
.order-admin-list{display:grid;gap:14px;margin-top:17px}.admin-order{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfdfe}.admin-order>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.admin-order>header>div{display:flex;align-items:center;gap:10px}.admin-order>header>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e7f6fb;color:var(--brand)}.admin-order h3{margin:0;color:var(--navy)}.admin-order header small{color:var(--muted);font-size:8px}.admin-order-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.admin-order-grid>div{display:grid;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--white)}.admin-order-grid span{font-size:8px;color:var(--muted)}.admin-order-grid strong{font-size:11px}.admin-order-grid a,.admin-order-grid small{font-size:9px;color:var(--brand)}.admin-order-items{display:flex;flex-wrap:wrap;gap:7px}.admin-order-items>span{padding:7px 9px;border-radius:9px;background:#e9f6fb;font-size:9px}.admin-order-items i{font-style:normal;color:var(--brand)}.admin-order-notes{padding:10px;border-radius:10px;background:#fff8e9;font-size:10px}.admin-order>footer{display:flex;align-items:center;gap:8px;margin-top:14px}.admin-order>footer a{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--brand);font-size:9px;text-decoration:none}.sidebar-overlay{display:none;position:fixed;z-index:70;inset:0;background:rgba(2,13,34,.6)}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.manager-layout{grid-template-columns:1fr}.item-editor{position:static}.fields.four,.color-fields{grid-template-columns:repeat(2,1fr)}.admin-order-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:35px}.admin-sidebar{transform:translateX(110%);transition:transform .25s ease}.admin-sidebar.open{transform:none}.sidebar-close,.sidebar-open{display:grid;place-items:center}.sidebar-overlay.visible{display:block}.admin-main{margin-inline-start:0}.admin-topbar{padding:12px 15px}.admin-content{padding:15px}.welcome-panel{padding:25px}.welcome-mark{display:none}.dashboard-grid,.media-layout,.security-grid{grid-template-columns:1fr}.fields.three{grid-template-columns:1fr}.switch-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.login-page{padding:12px}.login-card{padding:25px}.top-actions a:last-child{display:none}.welcome-panel h2{font-size:26px}.welcome-panel>div>div{flex-direction:column}.stats-grid{grid-template-columns:1fr}.quick-links>div:last-child{grid-template-columns:1fr}.fields.two,.fields.four,.color-fields,.switch-grid{grid-template-columns:1fr}.record-list article{grid-template-columns:44px 1fr}.record-list .status{display:none}.record-actions{grid-column:1/-1;justify-content:flex-end}.admin-order-grid{grid-template-columns:1fr}.admin-order>footer{align-items:stretch;flex-direction:column}.admin-order>footer form,.admin-order>footer select{width:100%}}
@supports(padding:max(0px)){.admin-sidebar{padding-bottom:max(20px,env(safe-area-inset-bottom))}.admin-content{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}