.admin-body{background:#f5f4f8}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:28px 22px;background:#211a32;color:#cbc4d8;display:flex;flex-direction:column;z-index:10}.admin-sidebar .brand{margin-bottom:45px}.admin-sidebar nav{display:flex;flex-direction:column;gap:7px}.admin-sidebar nav a{padding:12px 14px;border-radius:11px;font-size:14px;font-weight:700}.admin-sidebar nav a:hover{background:#392f50;color:#fff}.admin-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px;border-top:1px solid #40384e}.admin-user strong,.admin-user a{display:block;font-size:12px}.admin-user a{color:#a99fba}.admin-main{margin-left:245px;padding:35px 42px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-top small{color:var(--primary);font-weight:800;letter-spacing:.08em}.admin-top h1{margin:0;font-size:30px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px}.stat-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eee9ff;font-size:20px}.stat-card small{display:block;color:var(--muted);margin-top:15px}.stat-card strong{font-size:25px}.admin-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel h2{margin:0;font-size:18px}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px}.data-table th{color:var(--muted);font-size:11px;text-transform:uppercase}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#eee9ff;color:var(--primary);font-size:11px;font-weight:800}.badge-new{background:#fff1de;color:#a85d00}.badge-preparing{background:#e9efff;color:#315bb8}.badge-shipped{background:#eee9ff;color:#6236d1}.badge-completed{background:#e4f8ef;color:#087550}.badge-cancelled{background:#fff0f2;color:#b52840}.admin-actions{display:flex;gap:5px}.admin-actions a,.admin-actions button{border:0;padding:7px 9px;border-radius:8px;background:#f2f0f5;cursor:pointer}.admin-form{max-width:900px}.admin-form .form-card{background:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{display:grid;place-items:center;background:linear-gradient(145deg,#251946,#7545fa);color:#fff;padding:50px;text-align:center}.login-art span{font-size:130px}.login-art h1{font-size:42px}.login-wrap{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%)}.login-card .brand{margin-bottom:35px}.login-card .form-group{margin-bottom:14px}.login-card .btn{width:100%;margin-top:10px}.order-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.muted{color:var(--muted)}
@media(max-width:900px){.admin-sidebar{position:static;width:auto;height:auto;padding:15px}.admin-sidebar .brand{margin:0 0 14px}.admin-sidebar nav{flex-direction:row;overflow-x:auto}.admin-sidebar .admin-user{display:none}.admin-main{margin-left:0;padding:24px 18px}.stat-grid{grid-template-columns:1fr 1fr}.admin-grid,.order-detail-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}}
@media(max-width:520px){.admin-top{align-items:flex-start}.admin-top h1{font-size:24px}.admin-top .btn{padding:10px 12px;font-size:12px}.stat-grid{grid-template-columns:1fr}.admin-main{padding:18px 12px}}
.admin-sidebar nav{gap:3px;overflow:auto}.admin-sidebar nav a{padding:9px 12px;font-size:12px}.theme-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.theme-admin-card{display:block;cursor:pointer}.theme-admin-card input{position:absolute;opacity:0}.theme-preview{display:block;padding:12px;border:2px solid transparent;border-radius:14px;background:#fff}.theme-admin-card input:checked+.theme-preview{border-color:#6d3df5;box-shadow:0 0 0 3px #eee9ff}.theme-colors{display:block;height:80px;border-radius:10px;background:linear-gradient(120deg,var(--c1) 0 55%,var(--c2) 55% 77%,var(--c3) 77%)}.theme-preview b{display:block;margin-top:9px;font-size:12px}.theme-preview small{font-size:10px;color:var(--muted)}.chart-bars{height:240px;display:flex;align-items:end;gap:10px;padding-top:20px}.chart-bar{flex:1;min-width:24px;text-align:center}.chart-bar i{display:block;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(var(--primary),#a98dfb)}.chart-bar small{font-size:9px;color:var(--muted)}.settings-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.settings-tabs a{padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:700}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.report-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.report-card span{font-size:33px}.report-card .btn{margin-top:12px}.payment-provider{padding:16px;border:1px solid var(--line);border-radius:14px;margin:12px 0}.payment-provider h3{margin:0 0 12px}.payment-state{display:flex;align-items:center;gap:8px}.payment-state i{width:9px;height:9px;border-radius:50%;background:#bbb}.payment-state.active i{background:#12a36d}
@media(max-width:1100px){.theme-admin-grid{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.theme-admin-grid{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}}
.settings-admin{max-width:1200px;padding-bottom:85px}.settings-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:22px 25px;border-radius:17px;background:linear-gradient(115deg,#211a32,#6d3df5);color:#fff}.settings-intro>div{display:flex;align-items:center;gap:16px}.settings-intro>div>span{font-size:34px}.settings-intro h2,.settings-intro p{margin:0}.settings-intro p{opacity:.7;font-size:13px}.settings-section{margin-bottom:18px;overflow:visible}.settings-section-head{display:flex;align-items:center;gap:13px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.settings-section-head>span{display:grid;place-items:center;min-width:43px;height:43px;border-radius:12px;background:#eee9ff;font-size:20px}.settings-section-head h2,.settings-section-head p{margin:0}.settings-section-head p{font-size:12px;color:var(--muted)}.settings-section textarea{min-height:95px}.asset-preview{display:flex;align-items:center;gap:15px;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:#f8f7fb}.asset-preview img{max-width:190px;max-height:65px;object-fit:contain}.asset-preview label{font-size:11px}.favicon-preview img{width:38px;height:38px}.settings-savebar{position:fixed;z-index:15;left:245px;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:12px 42px;background:rgba(255,255,255,.94);border-top:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 -10px 30px rgba(30,20,50,.08)}.settings-savebar span{font-size:12px;color:var(--muted)}
@media(max-width:900px){.settings-savebar{left:0;padding:10px 18px}.settings-intro{align-items:flex-start}.settings-intro>div>span{display:none}}
@media(max-width:520px){.settings-intro{flex-direction:column}.settings-savebar span{display:none}.settings-savebar{justify-content:center}.settings-savebar .btn{width:100%}}
.campaign-toolbar{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line)}.campaign-toolbar h2,.campaign-toolbar p{margin:0}.campaign-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.campaign-admin-card{padding:24px;border:1px solid var(--line);border-top:4px solid var(--campaign);border-radius:17px;background:#fff}.campaign-admin-card h3{font-size:22px;margin:14px 0 7px}.campaign-admin-card>p{color:var(--muted);font-size:13px}.campaign-admin-top,.campaign-numbers,.campaign-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaign-admin-card .campaign-progress{height:9px;margin:20px 0 8px;background:#f0edf4;border-radius:20px;overflow:hidden}.campaign-admin-card .campaign-progress i{display:block;height:100%;background:var(--campaign);border-radius:inherit}.campaign-numbers b{color:var(--campaign)}.campaign-numbers span,.campaign-meta{font-size:10px;color:var(--muted)}.campaign-meta{margin:16px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}.color-input{height:52px;padding:5px}
@media(max-width:850px){.campaign-admin-grid{grid-template-columns:1fr}}
.slider-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px;border-radius:18px;background:linear-gradient(115deg,#211a32,#6d3df5);color:#fff}.slider-admin-intro>div{display:flex;align-items:center;gap:15px}.slider-admin-intro>div>span{font-size:38px}.slider-admin-intro h2,.slider-admin-intro p{margin:0}.slider-admin-intro p{margin-top:3px;opacity:.72;font-size:12px}.slider-admin-intro .btn{background:#fff;color:#35206d}.slider-stats{grid-template-columns:repeat(3,1fr);margin:20px 0}.slider-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.slider-admin-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.slider-card-preview{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:225px;padding:27px;background:linear-gradient(120deg,var(--slide-bg),#fff);color:var(--slide-text);overflow:hidden}.slider-card-preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32px;background:var(--slide-accent)}.slider-card-preview>div{position:relative;z-index:2}.slider-card-preview small{display:inline-block;padding:4px 7px;border-radius:5px;background:var(--slide-accent);color:#fff;font-weight:800;font-size:7px}.slider-card-preview h3{margin:10px 0;font-size:26px;line-height:1}.slider-card-preview h3 b{color:var(--slide-accent)}.slider-card-preview>div>span{display:inline-block;padding:7px 10px;border-radius:7px;background:var(--slide-text);color:#fff;font-size:9px;font-weight:800}.slider-card-preview img{position:relative;z-index:2;width:100%;height:165px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(20,30,60,.15))}.slider-card-preview>i{position:relative;z-index:2;font-style:normal;font-size:60px}.slider-card-body{padding:20px}.slider-card-top,.slider-card-actions,.slider-card-meta{display:flex;align-items:center;gap:8px}.slider-card-top{justify-content:space-between}.slider-card-top>b{font-size:11px;color:var(--muted)}.slider-card-body>h3{margin:14px 0 4px}.slider-card-body>p{height:38px;margin:0;color:var(--muted);font-size:12px;overflow:hidden}.slider-card-meta{justify-content:space-between;margin:17px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.slider-card-actions{flex-wrap:wrap}.slider-card-actions form{margin:0}.slider-card-actions .btn{padding:9px 12px;font-size:11px}.slider-empty{margin-top:22px}.slider-form-layout{display:grid;grid-template-columns:minmax(0,950px) 260px;align-items:start;gap:22px}.slider-editor{padding:0;background:transparent}.slider-editor>section{margin-bottom:18px;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff}.slider-editor textarea{min-height:105px}.slider-image-preview{display:flex;align-items:center;gap:16px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#faf9fc}.slider-image-preview img{width:230px;height:120px;object-fit:contain;border-radius:8px;background:#fff}.slider-image-preview label{font-size:11px}.slider-form-actions{display:flex;gap:9px;flex-wrap:wrap}.slider-help{position:sticky;top:25px}.slider-help>div{padding:22px;border-radius:17px;background:#211a32;color:#fff}.slider-help>div>span{font-size:34px}.slider-help h3{margin:10px 0}.slider-help ul{padding-left:18px;color:#cfc8db;font-size:12px;line-height:1.7}.switch-label{display:flex;align-items:center;gap:9px;padding:13px;border-radius:10px;background:#f6f3ff;font-weight:750}
@media(max-width:1150px){.slider-admin-grid{grid-template-columns:1fr}.slider-form-layout{grid-template-columns:1fr}.slider-help{position:static}.slider-help>div{padding:18px}.slider-help ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}}
@media(max-width:650px){.slider-admin-intro{align-items:flex-start;flex-direction:column}.slider-admin-intro>div>span{display:none}.slider-stats{grid-template-columns:1fr}.slider-card-preview{min-height:190px;padding:20px}.slider-card-preview h3{font-size:21px}.slider-card-meta{align-items:flex-start;flex-direction:column}.slider-image-preview{align-items:flex-start;flex-direction:column}.slider-image-preview img{width:100%}.slider-help ul{grid-template-columns:1fr}}
.admin-user small{display:block;color:#8f84a3;font-size:9px;margin:2px 0}.admin-control-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px;border-radius:18px;background:linear-gradient(115deg,#211a32,#6d3df5);color:#fff}.admin-control-intro>div{display:flex;align-items:center;gap:16px}.admin-control-intro>div>span{font-size:40px}.admin-control-intro h2,.admin-control-intro p{margin:0}.admin-control-intro p{margin-top:3px;opacity:.72;font-size:12px}.admin-control-intro .btn{background:#fff;color:#35206d}.admin-role-stats,.customer-stats,.member-detail-stats{margin:20px 0}.role-badge{display:inline-flex;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:850}.role-super_admin{background:#eee7ff;color:#5b2ac9}.role-manager{background:#e8f0ff;color:#2556b3}.role-support{background:#e5f8ef;color:#087550}.role-analyst{background:#fff1de;color:#a85d00}.admin-log-panel{margin-top:22px}.audit-timeline{display:flex;flex-direction:column}.audit-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.audit-item>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eee9ff}.audit-item b,.audit-item p,.audit-item small{display:block;margin:0}.audit-item p{margin:3px 0;color:var(--muted);font-size:12px}.audit-item small{color:#9890a5;font-size:9px}.administrator-editor{max-width:1150px;display:grid;grid-template-columns:minmax(0,820px) 280px;align-items:start;gap:20px}.permission-guide{padding:22px;border-radius:17px;background:#211a32;color:#fff}.permission-guide h3{margin-top:0}.permission-guide p{padding:10px 0;margin:0;border-bottom:1px solid #40384e}.permission-guide small{display:block;margin-top:3px;color:#a99fba}.administrator-actions{display:flex;gap:9px;margin-top:20px}.admin-profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:25px;border-radius:18px;background:linear-gradient(110deg,#211a32,#6d3df5);color:#fff}.admin-profile-hero>div:first-child{display:flex;align-items:center;gap:14px}.admin-profile-hero>div:first-child>span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.12);font-size:27px}.admin-profile-hero h2,.admin-profile-hero p{margin:0}.admin-profile-hero>div:last-child{margin-left:auto;text-align:right}.admin-profile-hero small{display:block;opacity:.7;font-size:10px}.admin-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-profile-grid .form-group{margin:15px 0}.customer-panel-head{gap:20px}.customer-search{display:flex;gap:8px}.customer-search input{min-width:260px}.customer-search select{width:150px}.customer-name-link b,.customer-name-link small{display:block}.customer-name-link:hover b{color:var(--primary)}.member-admin-hero{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.member-avatar{display:grid;place-items:center;min-width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#6d3df5,#9c79ff);color:#fff;font-size:28px;font-weight:900}.member-admin-hero h2,.member-admin-hero p{margin:0}.member-admin-hero>span{margin-left:auto}.member-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px}.member-admin-layout>div,.member-admin-layout>aside{display:flex;flex-direction:column;gap:20px}.member-admin-layout aside{position:sticky;top:22px}.member-admin-layout textarea{min-height:82px}.member-edit-card .form-group,.member-password-card .form-group{margin:12px 0}.member-edit-card .switch-label{margin:9px 0}.member-edit-card>.btn,.member-password-card>.btn{width:100%;margin-top:12px}.member-danger-card{border-color:#ffd5dc;background:#fffafb}.member-danger-card h2,.member-danger-card p{color:#9c263c}.member-danger-card p{font-size:12px}.member-activity-panel{max-height:620px}.member-activity-panel .audit-timeline{max-height:500px;overflow:auto;padding-right:8px}
@media(max-width:1100px){.administrator-editor,.member-admin-layout{grid-template-columns:1fr}.member-admin-layout aside{position:static}.customer-panel-head{align-items:flex-start;flex-direction:column}.customer-search{width:100%}.customer-search input{min-width:0;flex:1}}
@media(max-width:750px){.admin-control-intro{align-items:flex-start;flex-direction:column}.admin-control-intro>div>span{display:none}.admin-role-stats,.member-detail-stats{grid-template-columns:1fr 1fr}.admin-profile-grid{grid-template-columns:1fr}.member-admin-hero{align-items:flex-start;flex-wrap:wrap}.member-admin-hero>span{margin-left:0}.member-admin-hero>.btn{margin-left:auto}.customer-search{flex-wrap:wrap}.customer-search input,.customer-search select{width:100%;flex:auto}.permission-guide{display:none}}
@media(max-width:520px){.admin-role-stats,.member-detail-stats{grid-template-columns:1fr}.admin-profile-hero{align-items:flex-start;flex-direction:column}.admin-profile-hero>div:last-child{margin-left:0;text-align:left}.administrator-actions{flex-direction:column}.administrator-actions .btn{width:100%}}
.member-admin-layout>*{min-width:0}
@media(max-width:520px){.member-admin-layout .panel{width:100%;max-width:100%}.member-admin-hero{max-width:100%;overflow:hidden}}
.notification-admin-grid{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:22px;align-items:start}.notification-compose{position:sticky;top:24px;background:#fff}.notification-compose-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.notification-compose-head>span{display:grid;place-items:center;min-width:52px;height:52px;border-radius:16px;background:var(--primary);font-size:24px}.notification-compose-head h2,.notification-compose-head p{margin:0}.notification-compose-head small{color:var(--primary);font-size:9px;font-weight:900}.notification-compose-head p{color:var(--muted);font-size:12px}.notification-compose .form-group{margin-bottom:15px}.notification-compose-actions{display:flex;gap:9px}.notification-compose-actions .btn{flex:1}.notification-list{display:grid;gap:11px}.notification-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:15px;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:15px;background:#fff}.notification-card.status-draft{border-left-color:#c9973e}.notification-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f2f0ea}.notification-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-card-body p{margin:6px 0;font-size:13px}.notification-card-body small{color:var(--muted);font-size:10px}@media(max-width:1050px){.notification-admin-grid{grid-template-columns:1fr}.notification-compose{position:static}}@media(max-width:600px){.notification-card{grid-template-columns:38px minmax(0,1fr)}.notification-card-actions{grid-column:2}.notification-compose-actions{flex-direction:column}}