/* dokidoki admin console — light control-plane theme */
html.dokidoki-admin-page,
body.dokidoki-admin-page {
  --doki-admin-bg: #f4f7fb;
  --doki-admin-bg-2: #eef3f9;
  --doki-admin-panel: #ffffff;
  --doki-admin-panel-2: #f8fafc;
  --doki-admin-line: #e5eaf1;
  --doki-admin-line-strong: #d6dee9;
  --doki-admin-text: #172033;
  --doki-admin-muted: #667085;
  --doki-admin-soft: #98a2b3;
  --doki-admin-blue: #2563eb;
  --doki-admin-blue-strong: #1d4ed8;
  --doki-admin-cyan: #0f9f8f;
  --doki-admin-shadow: 0 10px 30px rgba(15, 23, 42, .06);
  color-scheme: light;
  background: var(--doki-admin-bg) !important;
  color: var(--doki-admin-text) !important;
}

body.dokidoki-admin-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%) !important;
}

/* Main shell */
.dokidoki-admin-page .admin-shell { background: var(--doki-admin-bg) !important; color: var(--doki-admin-text) !important; }
.dokidoki-admin-page .admin-sider {
  width: 246px !important;
  background: rgba(255,255,255,.96) !important;
  border-right: 1px solid var(--doki-admin-line) !important;
  box-shadow: 8px 0 28px rgba(15,23,42,.035);
  backdrop-filter: blur(16px);
}
.dokidoki-admin-page .admin-sider.collapsed { width: 68px !important; }
.dokidoki-admin-page .sider-brand,
.dokidoki-admin-page .drawer-brand {
  height: 72px !important;
  padding: 0 16px !important;
  gap: 12px !important;
  border-bottom: 1px solid var(--doki-admin-line) !important;
}
.dokidoki-admin-page .brand-logo {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  box-shadow: 0 8px 18px rgba(37,99,235,.16) !important;
  overflow: hidden;
}
.dokidoki-admin-page .brand-logo img { width:100% !important; height:100% !important; padding:4px; object-fit:contain !important; border-radius:8px; }
.dokidoki-admin-page .brand-text b { color:#172033 !important; font-size:16px !important; letter-spacing:-.02em; }
.dokidoki-admin-page .brand-text span { color:#98a2b3 !important; font-size:9px !important; font-weight:800; letter-spacing:.15em; }
.dokidoki-admin-page .sider-menu { padding:12px 9px 22px !important; scrollbar-color:#d5dce6 transparent; }
.dokidoki-admin-page .sider-menu .n-menu,
.dokidoki-admin-page .n-drawer .n-menu { --n-color: transparent !important; }
.dokidoki-admin-page .sider-menu .n-menu-item-content,
.dokidoki-admin-page .n-drawer .n-menu-item-content {
  min-height: 42px !important;
  margin: 2px 0;
  border-radius: 10px !important;
  color: #667085 !important;
  transition: background .18s ease,color .18s ease,transform .18s ease !important;
}
.dokidoki-admin-page .sider-menu .n-menu-item-content:hover,
.dokidoki-admin-page .n-drawer .n-menu-item-content:hover { color:#1d4ed8 !important; background:#f3f7ff !important; }
.dokidoki-admin-page .sider-menu .n-menu-item-content--selected,
.dokidoki-admin-page .n-drawer .n-menu-item-content--selected {
  color:#1d4ed8 !important;
  background:#edf4ff !important;
  box-shadow: inset 3px 0 0 #2563eb !important;
}
.dokidoki-admin-page .sider-menu .n-menu-item-content-header,
.dokidoki-admin-page .sider-menu .n-menu-item-content-header a,
.dokidoki-admin-page .n-drawer .n-menu-item-content-header,
.dokidoki-admin-page .n-drawer .n-menu-item-content-header a { color:inherit !important; font-size:13px !important; font-weight:560; }
.dokidoki-admin-page .sider-menu .n-menu-item-content__icon,
.dokidoki-admin-page .n-drawer .n-menu-item-content__icon { color:inherit !important; }

/* Header */
.dokidoki-admin-page .admin-main { background:var(--doki-admin-bg) !important; }
.dokidoki-admin-page .admin-header {
  height:72px !important;
  padding:0 24px !important;
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid var(--doki-admin-line) !important;
  backdrop-filter:blur(14px);
}
.dokidoki-admin-page .page-title { color:#1f2937 !important; font-size:15px !important; font-weight:680 !important; letter-spacing:-.01em; }
.dokidoki-admin-page .page-title::before {
  content:''; display:inline-block; width:7px; height:7px; margin-right:10px; border-radius:50%;
  background:#14b8a6; box-shadow:0 0 0 5px rgba(20,184,166,.10); vertical-align:1px;
}
.dokidoki-admin-page .icon-btn { width:38px !important; height:38px !important; color:#667085 !important; background:#fff !important; border:1px solid transparent !important; border-radius:10px !important; }
.dokidoki-admin-page .icon-btn:hover { color:#1d4ed8 !important; background:#f4f7fb !important; border-color:#e4eaf2 !important; }
.dokidoki-admin-page .user-chip { padding:5px 9px 5px 6px !important; border:1px solid var(--doki-admin-line) !important; border-radius:12px !important; background:#fff !important; }
.dokidoki-admin-page .user-chip:hover { background:#f8fafc !important; }
.dokidoki-admin-page .user-avatar { background:linear-gradient(135deg,#3b82f6,#2563eb) !important; box-shadow:0 6px 14px rgba(37,99,235,.14); }
.dokidoki-admin-page .user-name { color:#475467 !important; }

/* Content canvas */
.dokidoki-admin-page .admin-content {
  position:relative;
  padding:26px 28px 38px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(37,99,235,.035), transparent 26%),
    #f4f7fb !important;
  scrollbar-color:#cbd5e1 transparent;
}
.dokidoki-admin-page .admin-content > * { position:relative; z-index:1; }

/* Dashboard */
.dokidoki-admin-page .dash-page { max-width:1480px !important; }
.dokidoki-admin-page .dash-hero {
  position:relative; overflow:hidden; min-height:156px; padding:30px 32px !important; border-radius:22px !important;
  color:#172033 !important; background:linear-gradient(135deg,#ffffff,#f7faff 58%,#eef5ff) !important;
  border:1px solid #dfe8f5 !important; box-shadow:var(--doki-admin-shadow) !important;
}
.dokidoki-admin-page .dash-hero::after { content:''; position:absolute; right:-55px; bottom:-95px; width:280px; height:280px; border-radius:50%; border:1px solid rgba(37,99,235,.08); box-shadow:0 0 0 42px rgba(37,99,235,.025),0 0 0 86px rgba(20,184,166,.016); pointer-events:none; }
.dokidoki-admin-page .dash-hero h2 { margin:0 0 9px !important; color:#172033 !important; font-size:26px !important; letter-spacing:-.035em; }
.dokidoki-admin-page .dash-hero p { max-width:680px; color:#667085 !important; opacity:1 !important; line-height:1.7; }
.dokidoki-admin-page .hero-time { position:relative; z-index:1; min-width:170px; padding:15px 17px; border:1px solid #e0e7ef !important; border-radius:16px; background:rgba(255,255,255,.78); backdrop-filter:blur(8px); }
.dokidoki-admin-page .time-big { color:#172033 !important; font-size:28px !important; }
.dokidoki-admin-page .time-date { color:#667085 !important; opacity:1 !important; }
.dokidoki-admin-page .section-title { margin:26px 0 13px !important; color:#344054 !important; font-size:13px !important; font-weight:760 !important; letter-spacing:.06em; }
.dokidoki-admin-page .todo-grid { gap:14px !important; }
.dokidoki-admin-page .todo-card { min-height:92px; padding:17px !important; border-radius:17px !important; border:1px solid var(--doki-admin-line) !important; background:#fff !important; box-shadow:0 5px 18px rgba(15,23,42,.035) !important; color:#344054 !important; }
.dokidoki-admin-page .todo-card:hover { transform:translateY(-2px) !important; border-color:#cddcf1 !important; background:#fff !important; box-shadow:0 12px 28px rgba(15,23,42,.07) !important; }
.dokidoki-admin-page .todo-icon { width:42px !important; height:42px !important; border-radius:12px !important; background:#eff6ff !important; border:1px solid #dbeafe; color:#2563eb !important; }
.dokidoki-admin-page .tone-red .todo-icon { color:#e11d48 !important; background:#fff1f2 !important; border-color:#ffe4e6 !important; }
.dokidoki-admin-page .tone-orange .todo-icon { color:#ea580c !important; background:#fff7ed !important; border-color:#ffedd5 !important; }
.dokidoki-admin-page .tone-green .todo-icon,.dokidoki-admin-page .tone-teal .todo-icon { color:#059669 !important; background:#ecfdf5 !important; border-color:#d1fae5 !important; }
.dokidoki-admin-page .tone-purple .todo-icon,.dokidoki-admin-page .tone-indigo .todo-icon { color:#7c3aed !important; background:#f5f3ff !important; border-color:#ede9fe !important; }
.dokidoki-admin-page .todo-meta b { color:#172033 !important; font-size:22px !important; }
.dokidoki-admin-page .todo-meta span { color:#98a2b3 !important; }
.dokidoki-admin-page .todo-arrow { color:#98a2b3 !important; }
.dokidoki-admin-page .sys-card { padding:7px 20px !important; border-radius:18px !important; border:1px solid var(--doki-admin-line) !important; background:#fff !important; box-shadow:0 5px 18px rgba(15,23,42,.035) !important; }
.dokidoki-admin-page .sys-item { border-color:#eef1f5 !important; }
.dokidoki-admin-page .sys-label { color:#98a2b3 !important; }
.dokidoki-admin-page .sys-value { color:#344054 !important; }

/* Generic admin surfaces */
.dokidoki-admin-page .admin-content .page-head h2,
.dokidoki-admin-page .admin-content .page-head h3,
.dokidoki-admin-page .admin-content h2,
.dokidoki-admin-page .admin-content h3,
.dokidoki-admin-page .admin-content h4 { color:#172033 !important; }
.dokidoki-admin-page .admin-content .page-head p,
.dokidoki-admin-page .admin-content .desc,
.dokidoki-admin-page .admin-content .hint,
.dokidoki-admin-page .admin-content .sub-title { color:#667085 !important; }
.dokidoki-admin-page .admin-content .page-card,
.dokidoki-admin-page .admin-content .content-card,
.dokidoki-admin-page .admin-content .filter-card,
.dokidoki-admin-page .admin-content .table-card,
.dokidoki-admin-page .admin-content .form-card,
.dokidoki-admin-page .admin-content .setting-card,
.dokidoki-admin-page .admin-content .panel,
.dokidoki-admin-page .admin-content .block,
.dokidoki-admin-page .admin-content .box,
.dokidoki-admin-page .admin-content .table-wrap,
.dokidoki-admin-page .admin-content .filter-bar,
.dokidoki-admin-page .admin-content .stat,
.dokidoki-admin-page .admin-content .stat-item,
.dokidoki-admin-page .admin-content .rcard,
.dokidoki-admin-page .admin-content .cfg,
.dokidoki-admin-page .admin-content .card,
.dokidoki-admin-page .admin-content .tab,
.dokidoki-admin-page .admin-content .res-opt { color:#344054 !important; background:#fff !important; border-color:var(--doki-admin-line) !important; box-shadow:none !important; }
.dokidoki-admin-page .admin-content .tab:hover,
.dokidoki-admin-page .admin-content .res-opt:hover,
.dokidoki-admin-page .admin-content .rcard:hover { color:#1d4ed8 !important; background:#f8fbff !important; border-color:#cbdcf5 !important; }
.dokidoki-admin-page .admin-content .tab.active,
.dokidoki-admin-page .admin-content .res-opt.active { color:#1d4ed8 !important; background:#eff6ff !important; border-color:#bfdbfe !important; }

/* Config/detail pages */
.dokidoki-admin-page .admin-content .config-page { max-width:1040px !important; margin:0 auto !important; color:#344054 !important; }
.dokidoki-admin-page .admin-content .config-group { margin-bottom:18px !important; overflow:hidden !important; color:#344054 !important; background:#fff !important; border:1px solid var(--doki-admin-line) !important; border-radius:16px !important; box-shadow:0 6px 18px rgba(15,23,42,.035) !important; }
.dokidoki-admin-page .admin-content .group-title { min-height:56px !important; padding:15px 20px !important; color:#172033 !important; background:#f8fafc !important; border-bottom:1px solid var(--doki-admin-line) !important; font-size:14px !important; font-weight:720 !important; }
.dokidoki-admin-page .admin-content .group-index { width:26px !important; height:26px !important; color:#1d4ed8 !important; background:#eff6ff !important; border:1px solid #dbeafe !important; }
.dokidoki-admin-page .admin-content .group-body { padding:7px 20px 15px !important; background:#fff !important; }
.dokidoki-admin-page .admin-content .field-row { gap:20px !important; padding:16px 0 !important; border-bottom:1px solid #eef2f6 !important; }
.dokidoki-admin-page .admin-content .field-label { color:#475467 !important; font-weight:600 !important; }
.dokidoki-admin-page .admin-content .field-help,
.dokidoki-admin-page .admin-content .image-error + .field-help { color:#98a2b3 !important; }
.dokidoki-admin-page .admin-content .switch-text { color:#667085 !important; }
.dokidoki-admin-page .admin-content .native-upload-btn { color:#344054 !important; background:#fff !important; border:1px solid #d0d5dd !important; border-radius:10px !important; box-shadow:none !important; }
.dokidoki-admin-page .admin-content .native-upload-btn:hover { color:#1d4ed8 !important; background:#f8fbff !important; border-color:#93c5fd !important; }
.dokidoki-admin-page .admin-content .image-preview { min-height:48px; padding:7px !important; background:#f8fafc !important; border:1px solid #e4e7ec !important; border-radius:10px !important; }
.dokidoki-admin-page .admin-content .save-bar { bottom:10px !important; margin-top:12px !important; padding:15px 16px !important; color:#344054 !important; background:rgba(255,255,255,.94) !important; border:1px solid #e4e7ec !important; border-radius:14px !important; box-shadow:0 10px 26px rgba(15,23,42,.08) !important; backdrop-filter:blur(12px) !important; }

/* Native controls/tables */
.dokidoki-admin-page .admin-content input.tb,
.dokidoki-admin-page .admin-content select.tb,
.dokidoki-admin-page .admin-content textarea.tb,
.dokidoki-admin-page .admin-content input[type='text']:not(.n-input__input-el):not([class*='n-']),
.dokidoki-admin-page .admin-content input[type='number']:not(.n-input__input-el):not([class*='n-']),
.dokidoki-admin-page .admin-content input[type='password']:not(.n-input__input-el):not([class*='n-']),
.dokidoki-admin-page .admin-content textarea:not(.n-input__textarea-el):not([class*='n-']) { color:#172033 !important; background:#fff !important; border-color:#d0d5dd !important; outline:none !important; }
.dokidoki-admin-page .admin-content input::placeholder,
.dokidoki-admin-page .admin-content textarea::placeholder { color:#98a2b3 !important; }
.dokidoki-admin-page .admin-content table:not(.n-data-table-table) { color:#344054 !important; background:#fff !important; }
.dokidoki-admin-page .admin-content table:not(.n-data-table-table) th { color:#667085 !important; background:#f8fafc !important; border-color:#e4e7ec !important; }
.dokidoki-admin-page .admin-content table:not(.n-data-table-table) td { color:#344054 !important; background:#fff !important; border-color:#eef2f6 !important; }
.dokidoki-admin-page .admin-content table:not(.n-data-table-table) tr:hover td { background:#f9fbfd !important; }
.dokidoki-admin-page .admin-content label,
.dokidoki-admin-page .admin-content .label { color:#475467 !important; }

/* Naive UI */
body.dokidoki-admin-page .n-card,
body.dokidoki-admin-page .n-modal,
body.dokidoki-admin-page .n-dialog {
  --n-color:#fff !important; --n-border-color:#e4e7ec !important; --n-title-text-color:#172033 !important; --n-text-color:#344054 !important;
  border-color:#e4e7ec !important; background:#fff !important; color:#344054 !important; box-shadow:0 20px 50px rgba(15,23,42,.10) !important;
}
body.dokidoki-admin-page .n-card-header,
body.dokidoki-admin-page .n-card__content,
body.dokidoki-admin-page .n-card__footer,
body.dokidoki-admin-page .n-modal,
body.dokidoki-admin-page .n-dialog { color:#344054 !important; }
body.dokidoki-admin-page .n-input,
body.dokidoki-admin-page .n-input-wrapper,
body.dokidoki-admin-page .n-base-selection,
body.dokidoki-admin-page .n-input-number,
body.dokidoki-admin-page .n-date-picker { --n-color:#fff !important; --n-color-focus:#fff !important; --n-text-color:#172033 !important; --n-border:1px solid #d0d5dd !important; --n-border-hover:1px solid #93c5fd !important; --n-border-focus:1px solid #3b82f6 !important; --n-placeholder-color:#98a2b3 !important; background:#fff !important; color:#172033 !important; border-color:#d0d5dd !important; }
body.dokidoki-admin-page .n-input__input-el,
body.dokidoki-admin-page .n-input__textarea-el,
body.dokidoki-admin-page .n-base-selection-label { color:#172033 !important; }
body.dokidoki-admin-page .n-base-selection-placeholder,
body.dokidoki-admin-page .n-input__placeholder { color:#98a2b3 !important; }
body.dokidoki-admin-page .n-button:not(.n-button--primary-type):not(.n-button--error-type):not(.n-button--warning-type) { --n-color:#fff !important; --n-color-hover:#f8fafc !important; --n-border:1px solid #d0d5dd !important; --n-border-hover:1px solid #93c5fd !important; --n-text-color:#344054 !important; --n-text-color-hover:#1d4ed8 !important; color:#344054 !important; }
body.dokidoki-admin-page .n-button--primary-type { --n-color:#2563eb !important; --n-color-hover:#3b82f6 !important; --n-color-pressed:#1d4ed8 !important; --n-border:1px solid #2563eb !important; box-shadow:0 7px 16px rgba(37,99,235,.14); }
body.dokidoki-admin-page .n-data-table,
body.dokidoki-admin-page .n-data-table-wrapper,
body.dokidoki-admin-page .n-data-table-base-table { background:#fff !important; color:#344054 !important; }
body.dokidoki-admin-page .n-data-table-th { background:#f8fafc !important; color:#667085 !important; border-color:#e4e7ec !important; font-weight:700 !important; }
body.dokidoki-admin-page .n-data-table-td { background:#fff !important; color:#344054 !important; border-color:#eef2f6 !important; }
body.dokidoki-admin-page .n-data-table-tr:hover .n-data-table-td { background:#f9fbfd !important; }
body.dokidoki-admin-page .n-pagination-item,
body.dokidoki-admin-page .n-pagination-item--button { color:#667085 !important; background:#fff !important; border-color:#e4e7ec !important; }
body.dokidoki-admin-page .n-pagination-item--active { color:#1d4ed8 !important; border-color:#93c5fd !important; background:#eff6ff !important; }
body.dokidoki-admin-page .n-tabs-tab { color:#667085 !important; }
body.dokidoki-admin-page .n-tabs-tab--active { color:#2563eb !important; }
body.dokidoki-admin-page .n-tabs-bar { background:#2563eb !important; }
body.dokidoki-admin-page .n-form-item-label { color:#475467 !important; }
body.dokidoki-admin-page .n-divider { --n-color:#e4e7ec !important; }
body.dokidoki-admin-page .n-empty__description { color:#98a2b3 !important; }
body.dokidoki-admin-page .n-tag:not(.n-tag--success-type):not(.n-tag--error-type):not(.n-tag--warning-type) { --n-color:#eff6ff !important; --n-border:1px solid #dbeafe !important; --n-text-color:#1d4ed8 !important; }
body.dokidoki-admin-page .n-switch { --n-rail-color:#d0d5dd !important; --n-rail-color-active:#2563eb !important; }
body.dokidoki-admin-page .n-checkbox { --n-color:#fff !important; --n-border:1px solid #b8c2cf !important; }
body.dokidoki-admin-page .n-radio { --n-dot-color-active:#2563eb !important; }
body.dokidoki-admin-page .n-upload-trigger,
body.dokidoki-admin-page .n-upload-dragger { color:#475467 !important; background:#fff !important; border-color:#d0d5dd !important; }
body.dokidoki-admin-page .n-upload-dragger:hover { border-color:#93c5fd !important; }
body.dokidoki-admin-page .n-alert { --n-color:#eff6ff !important; --n-border:1px solid #dbeafe !important; --n-title-text-color:#1e3a8a !important; --n-content-text-color:#475467 !important; }

/* Teleported overlays */
body.dokidoki-admin-page .n-popover,
body.dokidoki-admin-page .n-dropdown-menu,
body.dokidoki-admin-page .n-base-select-menu,
body.dokidoki-admin-page .n-date-panel { background:#fff !important; color:#344054 !important; border:1px solid #e4e7ec !important; box-shadow:0 16px 40px rgba(15,23,42,.12) !important; }
body.dokidoki-admin-page .n-dropdown-option-body,
body.dokidoki-admin-page .n-base-select-option { color:#475467 !important; }
body.dokidoki-admin-page .n-dropdown-option-body:hover,
body.dokidoki-admin-page .n-base-select-option:hover,
body.dokidoki-admin-page .n-base-select-option--pending { background:#f3f7ff !important; color:#1d4ed8 !important; }
body.dokidoki-admin-page .n-drawer,
body.dokidoki-admin-page .n-drawer-content { background:#fff !important; color:#172033 !important; }
body.dokidoki-admin-page .drawer-brand { border-color:var(--doki-admin-line) !important; }

.dokidoki-admin-page *::-webkit-scrollbar { width:8px; height:8px; }
.dokidoki-admin-page *::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:999px; }
.dokidoki-admin-page *::-webkit-scrollbar-track { background:transparent; }

@media (max-width:980px) {
  .dokidoki-admin-page .admin-content { padding:18px !important; }
  .dokidoki-admin-page .todo-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .dokidoki-admin-page .dash-hero { padding:24px !important; }
}
@media (max-width:720px) {
  .dokidoki-admin-page .admin-content .config-group { border-radius:14px !important; }
  .dokidoki-admin-page .admin-content .group-body { padding-left:16px !important; padding-right:16px !important; }
  .dokidoki-admin-page .admin-content .field-row { gap:8px !important; }
  .dokidoki-admin-page .admin-content .field-label { width:auto !important; text-align:left !important; padding-top:0 !important; }
}
@media (max-width:640px) {
  .dokidoki-admin-page .admin-header { height:66px !important; padding:0 12px !important; }
  .dokidoki-admin-page .admin-content { padding:12px !important; }
  .dokidoki-admin-page .dash-hero { border-radius:18px !important; }
  .dokidoki-admin-page .todo-grid { grid-template-columns:1fr !important; }
  .dokidoki-admin-page .sys-grid { grid-template-columns:1fr !important; }
  .dokidoki-admin-page .user-name { display:none; }
}