:root { --admin-navy:#112841; --admin-deep:#091b30; --admin-teal:#00a79b; --admin-cloud:#f3f7fa; --admin-line:#dfe7ed; --admin-muted:#708195; }
.upload-preview.upload-preview--product { height:180px; }
@media (max-width:650px) { .admin-nav { grid-template-columns:repeat(5,minmax(0,1fr)) !important; } }
.form-help { margin:0; color:var(--admin-muted); font-size:11px; line-height:1.6; }
.upload-preview { overflow:hidden; }
.admin-button-row { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:12px; }.upload-preview--empty { min-height:180px; color:var(--admin-muted); background:var(--admin-cloud); border:1px dashed var(--admin-line); }.upload-preview--product { height:180px; }.upload-preview-empty { font-size:12px; font-weight:700; }.table-image-empty { width:52px; height:42px; display:grid; place-items:center; color:var(--admin-muted); background:var(--admin-cloud); border:1px dashed var(--admin-line); font-size:10px; font-weight:700; text-align:center; }.news-image-preview { height:180px; }.image-delete-option { margin-top:4px; }
* { box-sizing: border-box; } body { margin:0; color:var(--admin-navy); background:var(--admin-cloud); font-family:"Manrope",Arial,sans-serif; font-size:14px; line-height:1.6; } a { color:inherit; text-decoration:none; } button,input,select,textarea { font:inherit; } img { display:block; max-width:100%; } .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.admin-sidebar { position:fixed; inset:0 auto 0 0; width:250px; display:flex; flex-direction:column; color:#fff; background:var(--admin-deep); }.admin-brand { display:block; padding:29px 28px 35px; border-bottom:1px solid rgba(255,255,255,.12); }.admin-brand img { width:194px; max-width:100%; }.admin-brand small { display:block; margin-top:15px; color:var(--admin-teal); font-size:10px; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; }.admin-nav { display:grid; gap:5px; padding:26px 15px; }.admin-nav a { display:flex; align-items:center; gap:13px; padding:13px; color:rgba(255,255,255,.62); border-left:2px solid transparent; font-size:13px; }.admin-nav a span { width:18px; color:var(--admin-teal); text-align:center; }.admin-nav a:hover,.admin-nav a.is-active { color:#fff; border-left-color:var(--admin-teal); background:rgba(255,255,255,.07); }.admin-sidebar-bottom { display:grid; gap:12px; margin-top:auto; padding:24px 28px 30px; border-top:1px solid rgba(255,255,255,.12); }.admin-sidebar-bottom a { color:rgba(255,255,255,.58); font-size:12px; }.admin-sidebar-bottom a:hover { color:var(--admin-teal); }
.admin-main { min-height:100vh; margin-left:250px; }.admin-topbar { min-height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 50px; border-bottom:1px solid var(--admin-line); background:#fff; }.admin-topbar > div:first-child { display:grid; gap:2px; }.admin-kicker { color:var(--admin-teal); font-size:10px; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; }.admin-topbar strong { font-size:16px; }.admin-user { display:flex; align-items:center; gap:18px; color:var(--admin-muted); font-size:12px; }.admin-user a { padding:4px 7px; color:var(--admin-teal); border:1px solid var(--admin-teal); font-size:10px; font-weight:800; }.admin-content { width:min(1180px,calc(100% - 100px)); margin:0 auto; padding:55px 0 70px; }.admin-footer { width:min(1180px,calc(100% - 100px)); margin:0 auto; padding:20px 0 30px; color:#9aa8b5; font-size:11px; }.admin-welcome { display:flex; min-height:260px; align-items:end; justify-content:space-between; gap:30px; padding:40px; color:#fff; background:linear-gradient(115deg,var(--admin-navy),#24526b); }.admin-welcome h1 { margin:12px 0 17px; font-size:58px; line-height:.98; letter-spacing:-.07em; }.admin-welcome h1 em { color:#53dfd1; font-family:Georgia,serif; font-weight:400; }.admin-welcome p { max-width:430px; margin:0; color:rgba(255,255,255,.67); }.admin-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:20px 0 40px; }.admin-stat { padding:24px; background:#fff; border:1px solid var(--admin-line); }.admin-stat span,.admin-stat small { display:block; color:var(--admin-muted); font-size:11px; }.admin-stat strong { display:block; margin:7px 0; color:var(--admin-teal); font-size:42px; line-height:1; letter-spacing:-.08em; }.admin-quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.admin-quick-grid a { position:relative; display:grid; gap:7px; min-height:160px; padding:25px; background:#fff; border:1px solid var(--admin-line); transition:transform .2s, box-shadow .2s; }.admin-quick-grid a:hover { transform:translateY(-4px); box-shadow:0 16px 35px rgba(17,40,65,.08); }.quick-icon { color:var(--admin-teal); font-size:22px; }.admin-quick-grid strong { font-size:17px; }.admin-quick-grid small { color:var(--admin-muted); }.quick-arrow { position:absolute; right:22px; bottom:21px; color:var(--admin-teal); font-size:20px; }
.admin-page-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:32px; }.admin-page-head h1 { margin:8px 0; font-size:47px; letter-spacing:-.07em; }.admin-page-head p { margin:0; color:var(--admin-muted); }.admin-button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; gap:13px; padding:0 18px; border:1px solid transparent; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; cursor:pointer; }.admin-button span { font-size:17px; }.admin-button--primary { color:#fff; background:var(--admin-teal); }.admin-button--primary:hover { background:#078d84; }.admin-button--ghost { color:var(--admin-navy); border-color:var(--admin-line); background:#fff; }.admin-button--ghost:hover { border-color:var(--admin-teal); }.admin-alert { margin:0 0 23px; padding:13px 16px; font-size:12px; }.admin-alert--success { color:#17685f; background:#ddf6f0; border:1px solid #a6e8db; }.admin-alert--error { color:#8d3b3b; background:#fff0ef; border:1px solid #f0bdb8; }.admin-table-card { overflow:auto; background:#fff; border:1px solid var(--admin-line); }.admin-table { width:100%; min-width:720px; border-collapse:collapse; text-align:left; }.admin-table th { padding:15px 20px; color:var(--admin-muted); border-bottom:1px solid var(--admin-line); font-size:10px; letter-spacing:1.1px; text-transform:uppercase; }.admin-table td { padding:15px 20px; border-bottom:1px solid var(--admin-line); font-size:13px; }.admin-table tbody tr:last-child td { border-bottom:0; }.table-identity { display:flex; align-items:center; gap:12px; }.table-identity img { width:52px; height:42px; object-fit:contain; background:var(--admin-cloud); }.table-identity strong,.table-identity small { display:block; }.table-identity small { margin-top:2px; color:var(--admin-muted); font-size:10px; }.status-pill,.featured-pill { display:inline-block; padding:4px 8px; margin:0 4px 4px 0; font-size:9px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; }.status-pill.is-live { color:#158374; background:#e0f7f2; }.status-pill.is-muted { color:#788694; background:#edf1f4; }.featured-pill { color:#765d15; background:#fff1bc; }.table-actions { white-space:nowrap; text-align:right; }.table-actions a,.table-actions button { margin-left:12px; padding:0; color:var(--admin-teal); border:0; background:transparent; font-size:11px; font-weight:800; cursor:pointer; }.table-actions button { color:#be625d; }
.admin-edit-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }.admin-edit-grid--product { grid-template-columns:1.35fr .65fr; }.admin-panel { padding:27px; background:#fff; border:1px solid var(--admin-line); }.admin-panel h2 { margin:0 0 23px; font-size:18px; letter-spacing:-.04em; }.admin-panel label,.admin-form label { display:grid; gap:8px; margin-bottom:18px; color:var(--admin-muted); font-size:11px; font-weight:700; }.admin-panel input,.admin-panel select,.admin-panel textarea,.admin-form input { width:100%; padding:12px 13px; color:var(--admin-navy); border:1px solid var(--admin-line); outline:0; background:#fff; }.admin-panel input:focus,.admin-panel select:focus,.admin-panel textarea:focus,.admin-form input:focus { border-color:var(--admin-teal); }.admin-panel small { color:#94a2ae; font-size:10px; font-weight:400; }.form-two { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.checkbox-row { display:flex!important; grid-template-columns:auto 1fr; align-items:center; gap:9px!important; color:var(--admin-navy)!important; }.checkbox-row input { width:16px!important; height:16px; accent-color:var(--admin-teal); }.upload-preview { width:100%; height:40px; display:grid; place-items:center; margin-bottom:18px; padding:4px; background:var(--admin-cloud); }.upload-preview img { max-height:100%; max-width:100%; object-fit:contain; }.upload-preview--product { height:53px; }.admin-form-actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:12px; }.admin-message-list { display:grid; gap:14px; }.message-card { padding:25px; background:#fff; border:1px solid var(--admin-line); }.message-head { display:flex; justify-content:space-between; gap:20px; padding-bottom:15px; border-bottom:1px solid var(--admin-line); }.message-head strong,.message-head a { display:block; }.message-head a { margin-top:3px; color:var(--admin-teal); font-size:12px; }.message-head time { color:var(--admin-muted); font-size:11px; }.message-card h2 { margin:18px 0 7px; font-size:20px; letter-spacing:-.04em; }.message-card p { margin:0; color:var(--admin-muted); white-space:normal; }.empty-state { padding:55px; text-align:center; color:var(--admin-muted); background:#fff; border:1px solid var(--admin-line); }.empty-state h3 { margin:0 0 5px; color:var(--admin-navy); }
.admin-stat-grid { grid-template-columns:repeat(2,1fr); }
.admin-login-shell { min-height:100vh; display:grid; place-items:center; padding:30px; background:linear-gradient(135deg,var(--admin-deep),var(--admin-navy)); }.login-card { width:min(440px,100%); padding:42px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.22); }.login-mark { width:100%; padding:19px 20px 23px; margin-bottom:30px; background:var(--admin-navy); border-bottom:1px solid var(--admin-line); }.login-mark img { width:210px; max-width:100%; }.login-card h1 { margin:10px 0 8px; font-size:43px; letter-spacing:-.07em; }.login-copy { margin-bottom:28px; color:var(--admin-muted); }.admin-form label { color:var(--admin-navy); }.admin-form .admin-button { width:100%; margin-top:3px; }.back-link { display:block; margin-top:24px; color:var(--admin-teal); font-size:12px; font-weight:700; }
.content-editor { display:grid; gap:22px; }.content-page-card { padding:28px; background:#fff; border:1px solid var(--admin-line); }.content-page-card--media { padding-bottom:32px; }.content-page-head { display:flex; align-items:end; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--admin-line); }.content-page-head h2 { margin:6px 0 0; font-size:26px; letter-spacing:-.06em; }.content-count { color:var(--admin-muted); font-size:11px; }.content-section { padding-top:24px; }.content-section + .content-section { margin-top:25px; border-top:1px solid var(--admin-line); }.content-section h3 { margin:0 0 18px; color:var(--admin-teal); font-size:11px; letter-spacing:1.1px; text-transform:uppercase; }.content-field-grid { display:grid; gap:18px; }.content-field { padding:18px; background:var(--admin-cloud); border:1px solid var(--admin-line); }.content-field-label { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:15px; }.content-field-label strong { font-size:13px; }.content-field-label code { color:var(--admin-muted); font-family:monospace; font-size:10px; }.content-field label,.media-card-body label { display:grid; gap:8px; margin-bottom:0; color:var(--admin-muted); font-size:11px; font-weight:700; }.content-field input,.content-field textarea,.media-card-body input { width:100%; padding:12px 13px; color:var(--admin-navy); border:1px solid var(--admin-line); outline:0; background:#fff; }.content-field input:focus,.content-field textarea:focus,.media-card-body input:focus { border-color:var(--admin-teal); }.content-field textarea { min-height:100px; resize:vertical; }.content-media-head { padding-top:35px; }.content-media-head h2 { margin:7px 0; font-size:34px; letter-spacing:-.07em; }.content-media-head p { margin:0; color:var(--admin-muted); }.media-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-top:25px; }.media-card { overflow:hidden; background:var(--admin-cloud); border:1px solid var(--admin-line); }.media-preview { height:48px; display:grid; place-items:center; padding:4px; background:#fff; border-bottom:1px solid var(--admin-line); }.media-preview img { width:100%; height:100%; object-fit:contain; }.media-card:first-child .media-preview img { object-fit:contain; }.media-card-body { padding:17px; }.media-card-body label { margin-bottom:14px; }.media-card-body small { display:block; margin-top:2px; color:#94a2ae; font-size:10px; font-weight:400; }.media-card-body .checkbox-row { margin-bottom:0; }
.content-media-section { padding-top:2px; }.content-media-section + .content-media-section { padding-top:30px; margin-top:30px; border-top:1px solid var(--admin-line); }.content-media-section--hero { padding:20px; border:1px solid rgba(0,167,155,.28); background:#f5fbfa; }.content-media-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }.content-media-section-heading h4 { margin:6px 0 0; font-size:22px; letter-spacing:-.05em; }.content-media-section-heading p { margin:5px 0 0; color:var(--admin-muted); font-size:12px; }.content-media-section--hero .media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.content-tabs { display:grid; gap:18px; }.content-tab-nav { display:flex; gap:8px; overflow-x:auto; padding:8px; background:#fff; border:1px solid var(--admin-line); scrollbar-width:thin; }.content-tab { flex:0 0 auto; min-width:148px; display:grid; gap:4px; padding:13px 15px; color:var(--admin-muted); border:1px solid transparent; background:transparent; text-align:left; cursor:pointer; transition:color .2s, background .2s, border-color .2s, transform .2s; }.content-tab:hover { color:var(--admin-navy); background:var(--admin-cloud); }.content-tab.is-active { color:var(--admin-navy); border-color:rgba(0,167,155,.35); background:#eaf8f6; box-shadow:inset 0 -3px 0 var(--admin-teal); }.content-tab span { font-size:12px; font-weight:800; }.content-tab small { color:inherit; font-size:9px; white-space:nowrap; }.content-tab-panels { min-width:0; }.content-tab-panel[hidden] { display:none; }.content-editor--page { display:block; }.content-editor--page .content-page-card { padding:30px; }.content-tab-toolbar { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--admin-line); }.content-tab-toolbar h2 { margin:6px 0 3px; font-size:30px; letter-spacing:-.06em; }.content-tab-toolbar p { margin:0; color:var(--admin-muted); font-size:12px; }.content-tab-block { padding-top:28px; }.content-tab-block + .content-tab-block { margin-top:32px; border-top:1px solid var(--admin-line); }.content-block-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }.content-block-heading h3 { margin:6px 0 0; font-size:22px; letter-spacing:-.05em; }.content-block-heading p { margin:5px 0 0; color:var(--admin-muted); font-size:12px; }.content-tab-block .content-section { padding-top:0; }.content-tab-block .content-section + .content-section { margin-top:25px; }.content-tab-block .content-section h4 { margin:0 0 18px; color:var(--admin-teal); font-size:11px; letter-spacing:1.1px; text-transform:uppercase; }.content-tab-block--media .media-grid { padding-top:0; }.media-card-actions { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:4px; }.media-card-actions .admin-button { min-height:36px; padding:0 11px; font-size:9px; letter-spacing:.7px; }.admin-button--danger { color:#a3423f; border-color:#f0bdb8; background:#fff0ef; }.admin-button--danger:hover { color:#fff; border-color:#bd625d; background:#bd625d; }.media-default-status { color:var(--admin-muted); font-size:10px; font-weight:700; }.content-empty { padding:45px 25px; color:var(--admin-muted); border:1px dashed var(--admin-line); background:var(--admin-cloud); text-align:center; }
@media (max-width:900px) { .admin-sidebar { width:205px; }.admin-main { margin-left:205px; }.admin-topbar,.admin-content,.admin-footer { width:auto; }.admin-topbar { padding:0 25px; }.admin-content { padding:35px 25px 55px; }.admin-footer { padding:20px 25px; }.admin-edit-grid,.admin-edit-grid--product { grid-template-columns:1fr; }.admin-form-actions { grid-column:auto; } }
@media (max-width:650px) { .admin-sidebar { position:static; width:100%; min-height:auto; }.admin-brand { padding:20px 22px; }.admin-nav { grid-template-columns:repeat(4,1fr); padding:10px; }.admin-nav a { display:grid; justify-items:center; gap:3px; padding:8px 3px; border-left:0; border-bottom:2px solid transparent; font-size:10px; }.admin-nav a.is-active { border-bottom-color:var(--admin-teal); }.admin-sidebar-bottom { display:flex; justify-content:space-between; padding:15px 22px; }.admin-main { margin-left:0; }.admin-topbar { min-height:65px; padding:0 18px; }.admin-user span { display:none; }.admin-content { padding:28px 18px 45px; }.admin-welcome { align-items:start; flex-direction:column; padding:28px; }.admin-welcome h1 { font-size:48px; }.admin-stat-grid,.admin-quick-grid,.media-grid,.content-media-section--hero .media-grid { grid-template-columns:1fr; }.admin-page-head { align-items:start; flex-direction:column; }.admin-page-head h1 { font-size:40px; }.form-two { grid-template-columns:1fr; }.login-card { padding:30px 24px; }.content-page-card { padding:20px; }.content-page-head { align-items:start; flex-direction:column; }.content-field { padding:14px; }.content-field-label { align-items:start; flex-direction:column; gap:5px; }.content-media-head h2 { font-size:30px; }.content-tab-nav { padding:6px; }.content-tab { min-width:128px; padding:11px 12px; }.content-editor--page .content-page-card { padding:20px; }.content-tab-toolbar { align-items:start; flex-direction:column; gap:18px; }.content-tab-toolbar .admin-button { width:100%; }.content-block-heading,.content-media-section-heading { align-items:start; flex-direction:column; gap:8px; }.media-card-actions .admin-button { flex:1 1 auto; }.content-block-heading h3 { font-size:20px; } }

.app-links-form { display:grid; gap:18px; }.app-links-panel .form-help { max-width:760px; margin-bottom:22px; }.app-links-url-grid { align-items:start; }.app-badge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px; }.app-badge-editor { min-width:0; padding:20px; background:var(--admin-cloud); border:1px solid var(--admin-line); }.app-badge-editor-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:15px; }.app-badge-editor-heading strong { font-size:14px; }.app-badge-editor-heading span { color:var(--admin-muted); font-size:10px; font-weight:700; text-transform:uppercase; }.app-badge-preview { height:92px; display:grid; place-items:center; margin-bottom:18px; padding:10px; background:#fff; border:1px solid var(--admin-line); }.app-badge-preview img { width:min(230px,100%); max-height:72px; object-fit:contain; }.app-badge-editor label { margin-bottom:0; }.app-badge-editor .media-card-actions { margin-top:15px; }.app-links-actions { display:flex; justify-content:flex-end; gap:12px; }
@media (max-width:650px) { .admin-nav { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }.app-badge-grid { grid-template-columns:1fr; }.app-links-actions { align-items:stretch; flex-direction:column-reverse; }.app-links-actions .admin-button { width:100%; } }

.settings-preview-list { display:grid; gap:14px; margin-top:24px; }.settings-preview-list div { display:grid; gap:5px; padding:14px; background:var(--admin-cloud); border:1px solid var(--admin-line); }.settings-preview-list span { color:var(--admin-muted); font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }.settings-preview-list a { overflow-wrap:anywhere; color:var(--admin-teal); font-size:12px; }.settings-actions { margin-top:20px; }.settings-warning { margin-top:22px; }.settings-warning p { margin:0; color:var(--admin-muted); }.settings-warning code,.admin-panel code { padding:2px 4px; color:var(--admin-navy); background:#eef3f6; font-family:monospace; font-size:11px; }

.admin-product-search { width:min(930px,100%); margin-top:19px; padding:17px 19px; background:#fff; border:1px solid var(--admin-line); }.admin-search-label { display:block; margin-bottom:8px; color:var(--admin-navy); font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }.admin-product-search-row { display:flex; align-items:center; gap:10px; }.admin-product-search-row input { flex:1 1 auto; min-width:0; min-height:46px; padding:11px 13px; color:var(--admin-navy); border:1px solid var(--admin-line); outline:0; background:#fff; }.admin-product-search-row input:focus { border-color:var(--admin-teal); }.admin-product-search-row .admin-button { flex:0 0 auto; min-height:46px; }.admin-product-search .form-help { margin-top:9px; }.admin-list-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 20px; color:var(--admin-muted); background:#fff; border:1px solid var(--admin-line); border-bottom:0; font-size:11px; }.admin-table-empty { display:grid; gap:4px; min-height:145px; place-content:center; text-align:center; color:var(--admin-muted); }.admin-table-empty strong { color:var(--admin-navy); font-size:14px; }.admin-table-empty span { font-size:11px; }.admin-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; padding:20px 0 0; }.admin-pagination a { min-width:34px; height:34px; display:inline-grid; place-items:center; padding:0 10px; color:var(--admin-navy); border:1px solid var(--admin-line); background:#fff; font-size:11px; font-weight:800; }.admin-pagination a:hover,.admin-pagination a.is-active { color:#fff; border-color:var(--admin-teal); background:var(--admin-teal); }.admin-pagination .pagination-prev,.admin-pagination .pagination-next { padding:0 14px; }

@media (max-width:650px) { .admin-product-search-row { align-items:stretch; flex-direction:column; }.admin-product-search-row .admin-button { width:100%; }.admin-list-toolbar { align-items:flex-start; flex-direction:column; gap:5px; } }

.import-panel { display:grid; gap:22px; }.import-panel-head { display:flex; align-items:end; justify-content:space-between; gap:20px; }.import-panel-head h2 { margin-bottom:5px; }.import-panel-head p { margin:0; }.import-column-list { display:grid; gap:7px; padding:15px 17px; color:var(--admin-muted); background:var(--admin-cloud); border:1px solid var(--admin-line); font-size:11px; }.import-column-list strong { color:var(--admin-navy); }.import-column-list code { padding:2px 4px; color:var(--admin-navy); background:#e7eef3; font-family:monospace; font-size:10px; }.import-result-panel { margin-top:18px; }.import-result-total { color:var(--admin-teal); font-size:11px; font-weight:800; }.import-stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.import-stat-grid--six { grid-template-columns:repeat(3,1fr); }.import-stat-grid div { display:grid; gap:2px; padding:16px; background:var(--admin-cloud); border:1px solid var(--admin-line); }.import-stat-grid strong { color:var(--admin-teal); font-size:27px; line-height:1; }.import-stat-grid span { color:var(--admin-muted); font-size:10px; }.import-result-note { display:grid; gap:4px; padding:13px 15px; color:var(--admin-muted); background:#f8fbfc; border-left:3px solid var(--admin-teal); font-size:11px; }.import-result-note strong { color:var(--admin-navy); }.import-errors { color:#8d3b3b; background:#fff8f7; border:1px solid #f0bdb8; font-size:11px; }.import-errors summary { padding:12px 14px; cursor:pointer; font-weight:800; }.import-errors ul { max-height:190px; overflow:auto; margin:0; padding:0 30px 14px; }.import-errors li { margin-top:5px; }

@media (max-width:650px) { .import-panel-head { align-items:stretch; flex-direction:column; }.import-panel-head .admin-button { width:100%; }.import-stat-grid,.import-stat-grid--six { grid-template-columns:repeat(2,1fr); } }

.admin-visitor-table { min-width:760px; }.admin-visitor-table td { vertical-align:middle; }.admin-visitor-table time { color:var(--admin-muted); font-size:11px; white-space:nowrap; }.admin-visitor-table code { padding:3px 5px; color:var(--admin-navy); background:#eef3f6; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; }.visitor-country { display:inline-flex; min-width:28px; justify-content:center; padding:4px 7px; color:var(--admin-navy); background:var(--admin-cloud); font-size:10px; font-weight:800; letter-spacing:.7px; }.visitor-page-path { display:inline-block; max-width:360px; overflow-wrap:anywhere; white-space:normal; }

@media (max-width:650px) { .admin-visitor-table { min-width:680px; }.visitor-page-path { max-width:220px; } }

.visitor-overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 18px; }.visitor-overview-card { display:grid; gap:4px; padding:20px 22px; background:#fff; border:1px solid var(--admin-line); }.visitor-overview-card span { color:var(--admin-muted); font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }.visitor-overview-card strong { color:var(--admin-teal); font-size:34px; line-height:1; letter-spacing:-.07em; }.visitor-overview-card small { color:var(--admin-muted); font-size:10px; }
.visitor-map-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr); gap:18px; margin:0 0 22px; }.visitor-map-card { overflow:hidden; color:#fff; background:#102a43; border:1px solid #1c4960; box-shadow:0 18px 42px rgba(17,40,65,.1); }.visitor-map-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:24px 25px 19px; }.visitor-map-heading h2 { margin:7px 0 4px; color:#fff; font-size:24px; letter-spacing:-.05em; }.visitor-map-heading p { margin:0; color:rgba(255,255,255,.62); font-size:11px; }.visitor-map-total { flex:0 0 auto; padding:7px 9px; color:#5fe0d3; border:1px solid rgba(95,224,211,.35); font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }.visitor-map-canvas { position:relative; padding:0 12px; }.visitor-map-canvas svg { display:block; width:100%; height:auto; }.visitor-map-grid path,.visitor-map-grid ellipse { fill:none; stroke:rgba(171,230,224,.16); stroke-width:1; }.visitor-map-land path { fill:rgba(217,241,239,.13); stroke:rgba(205,239,235,.28); stroke-width:1.5; }.visitor-map-marker { cursor:pointer; outline:0; }.visitor-map-marker-pulse { fill:#00aa9e; opacity:.18; }.visitor-map-marker-dot { fill:#00b3a6; stroke:#d7fffa; stroke-width:2; transition:transform .18s, fill .18s; transform-box:fill-box; transform-origin:center; }.visitor-map-marker text { fill:#08253e; font-family:Manrope,Arial,sans-serif; font-size:10px; font-weight:800; text-anchor:middle; pointer-events:none; }.visitor-map-marker:hover .visitor-map-marker-dot,.visitor-map-marker:focus .visitor-map-marker-dot { fill:#fff; transform:scale(1.18); }.visitor-map-marker:hover text,.visitor-map-marker:focus text { fill:#00a99d; }.visitor-map-empty { position:absolute; inset:50px 25px; display:grid; place-items:center; padding:20px; color:rgba(255,255,255,.7); border:1px dashed rgba(255,255,255,.25); text-align:center; font-size:12px; }.visitor-map-key { display:flex; flex-wrap:wrap; gap:14px 22px; padding:14px 25px 18px; color:rgba(255,255,255,.62); font-size:10px; }.visitor-map-key span { display:inline-flex; align-items:center; gap:7px; }.visitor-map-key-dot { width:9px; height:9px; display:inline-block; border-radius:50%; background:var(--admin-teal); box-shadow:0 0 0 4px rgba(0,179,166,.16); }
.visitor-country-summary { min-width:0; padding:24px; background:#fff; border:1px solid var(--admin-line); }.visitor-country-summary-head { display:flex; align-items:end; justify-content:space-between; gap:15px; padding-bottom:17px; border-bottom:1px solid var(--admin-line); }.visitor-country-summary-head h2 { margin:7px 0 0; font-size:23px; letter-spacing:-.05em; }.visitor-country-summary-head > span { color:var(--admin-muted); font-size:10px; text-align:right; }.visitor-country-list { display:grid; gap:0; margin:0; padding:0; list-style:none; }.visitor-country-list li { display:grid; grid-template-columns:23px minmax(0,1fr) auto; align-items:center; gap:9px; padding:14px 0; border-bottom:1px solid var(--admin-line); }.visitor-country-list li:last-child { border-bottom:0; }.visitor-country-rank { color:var(--admin-teal); font-size:10px; font-weight:800; }.visitor-country-name { min-width:0; display:grid; gap:2px; }.visitor-country-name strong { color:var(--admin-navy); font-size:12px; }.visitor-country-name small,.visitor-country-value small { color:var(--admin-muted); font-size:9px; }.visitor-country-bar { height:3px; display:block; margin-top:5px; overflow:hidden; background:#edf2f4; }.visitor-country-bar i { height:100%; display:block; background:var(--admin-teal); }.visitor-country-value { display:grid; gap:2px; justify-items:end; }.visitor-country-value strong { color:var(--admin-navy); font-size:14px; }.visitor-country-empty { padding:35px 0 12px; color:var(--admin-muted); font-size:11px; text-align:center; }

@media (max-width:900px) { .visitor-map-layout { grid-template-columns:1fr; } }
@media (max-width:650px) { .visitor-overview-grid { grid-template-columns:1fr; }.visitor-map-heading { align-items:start; flex-direction:column; gap:12px; padding:20px 18px 15px; }.visitor-map-heading h2 { font-size:22px; }.visitor-map-canvas { padding:0 5px; }.visitor-map-key { padding:12px 18px 16px; }.visitor-country-summary { padding:20px; } }

.app-links-policy-panel { display:grid; gap:12px; }.app-links-policy-panel h2 { margin-bottom:0; }.app-policy-url-list { display:grid; gap:8px; }.app-policy-url-list code { display:block; overflow-wrap:anywhere; padding:10px 12px; color:var(--admin-navy); background:var(--admin-cloud); border:1px solid var(--admin-line); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; }