/* Reference direction: midnight blue, cyan light tubes and hot pink accents. */
:root,.dark-mode {
 --bg:#05111f;--card:#0a1a2d;--text:#e8f8ff;--muted:#9cb6c9;--sidebar:#050f1c;
 --purple:#00d6ec;--purple2:#009ab6;--line:#23465c;--soft:#102d40;
 --shadow:0 8px 28px #0005;--neon-glow:0 0 5px #17e6ff70,0 0 22px #00ccff20;
}
body,.main-content,.dark-mode .main-content,.auth-shell,.auth-panel-wrap {background:var(--bg);color:var(--text)}
body {color-scheme:dark}
body::selection {background:#ff2caa;color:#fff}
.main-content {background:radial-gradient(ellipse at 95% 0%,#00465b33,transparent 38%),var(--bg)}
h1,h2,h3,.topbar h1 {-webkit-text-fill-color:currentColor;color:var(--text)}
.muted,.topbar p,.section-head p,.panel-card p,.stat-card small,.stat-card>span {color:var(--muted)}
.auth-brand {background:radial-gradient(ellipse at 0% 90%,#f5009220,transparent 40%),radial-gradient(ellipse at 100% 10%,#00d9ff1c,transparent 40%),#05111f;border-right:1px solid #114056}
.auth-brand:before {opacity:.25;background-image:linear-gradient(135deg,transparent 39%,#05dfffa0 39.1%,transparent 39.4%,transparent 80%,#ff24b680 80.1%,transparent 80.4%)}
.auth-brand h2 {color:#41efff}.auth-brand>div>p,.hero-copy>p {color:#a9bed0}
.hero-copy h1 {color:#e7fbff}.hero-copy h1 span {color:#11e6f7;-webkit-text-fill-color:#11e6f7;text-shadow:0 0 22px #00eaff35}
.store-badge {color:#74edf7;background:#042b36;border-color:#127487}.store-badge i {background:#27eeff;box-shadow:0 0 9px #27eeff}
.auth-proof {border-color:#1a3d50}.auth-proof>div {background:#091d2a;border-color:#1b4c60}.auth-proof strong {color:#6df4ff}.auth-proof span {color:#a4c0d0}
.auth-card {color:var(--text);background:#061422;border:1px solid #34e5ff;border-radius:22px;box-shadow:0 0 4px #99f7ff,0 0 20px #00d9ff38,inset 0 0 20px #00d9ff08}
.auth-panel-wrap {background:radial-gradient(ellipse at 80% 10%,#00d9ff09,transparent 60%),var(--bg)}.auth-panel-wrap:before {border-color:#0fd6ee;opacity:.04}
.auth-card h1 {color:#f0fbff}.auth-card .muted,.auth-card-heading small {color:#a7bfce}
.auth-card-heading strong {color:#dcfaff}.auth-kicker {color:#27e8fa}
.brand-mark,.auth-brand>.brand-mark,.auth-mini-logo,.brand-mark.small {background:#082837;color:#38f3ff;border:1px solid #1fe6f7;box-shadow:var(--neon-glow);animation:none}
.auth-tabs {background:#071f30;border:1px solid #204c63}.auth-tabs .tab {color:#9db8cb;background:transparent}.auth-tabs .tab.active {background:#0c3444;color:#5df4ff;box-shadow:inset 0 -2px #15dff5}
.auth-card label {color:#bfd5e2}
.auth-card input {background:#061321;border:1px solid #ec55be;color:#f3faff;box-shadow:0 0 4px #ff6ad338,inset 0 0 7px #ff47be09}
input::placeholder,textarea::placeholder {color:#89a4b8;opacity:1}
.auth-card input::placeholder {color:#b894b5}
input:focus,select:focus,textarea:focus {border-color:#38e6f8!important;box-shadow:0 0 0 2px #20d9f51c,0 0 14px #18dafa24!important}
.auth-card .primary-btn,.primary-btn {background:#092938;color:#69f7ff;border:1px solid #21e8fc;box-shadow:var(--neon-glow)}
.auth-card .primary-btn {background:#291025;color:#ff78ca;border-color:#ff36ae;box-shadow:0 0 5px #ff3aa87a,0 0 18px #ff23ad25}
.primary-btn:hover {background:#104254;box-shadow:0 0 20px #00d9ff45;color:#b0fbff}.auth-card .primary-btn:hover {background:#40132f;color:#ffa4da;box-shadow:0 0 23px #ff239d45}
.primary-btn:after {display:none}
.forgot-password-btn {color:#ff7fca}.auth-note {background:#081c2b;border:1px solid #204a60;color:#b7dae8}.auth-note strong {color:#72dfed}.auth-note p,.auth-card-footer {color:#95afc4}.auth-lock {background:#10364a;color:#30efff}.secure-pill {background:#0c342d;color:#79efbc;border-color:#216b50}
.password-toggle {color:#86efff;background:transparent}
.sidebar {background:#050f1c;border-right:1px solid #153b50}.sidebar:after {background:#00bde0;opacity:.08}
.sidebar-brand strong {color:#d8f9ff}.sidebar-brand span,.nav-group-title {color:#83a6bd}
.nav-item {color:#a9c4d6}.nav-item.active {background:#082e40;color:#43f3ff;border:1px solid #167c93;box-shadow:inset 3px 0 #2ceeff,0 0 13px #00d9ff14}.nav-item:before {display:none}.nav-item:hover {background:#0c2739;color:#99f8ff}
.sidebar-bottom {border-color:#204154;background:var(--sidebar)}.sidebar-bottom .secondary-btn {color:#a0c2d5;background:transparent;border-color:transparent}
.topbar {border-color:var(--line)}
.secondary-btn,.small-btn,.icon-btn,.dark-mode .secondary-btn,.dark-mode .icon-btn {background:#0b2133;color:#bfdfed;border:1px solid #285469;box-shadow:none}
.secondary-btn:hover,.small-btn:hover,.icon-btn:hover {color:#71f4ff;background:#10354a;border-color:#2caec1}
.light-btn {background:#8cf5ff;color:#052331;border:1px solid #9ff6ff;box-shadow:0 0 15px #03dfff25}.ghost-btn {color:#bdeafa;border:1px solid #487086;background:#071b2b80}.ghost-btn.dark {color:#bdeafa}
input,select,textarea,.global-search-wrap input,.dark-mode input,.dark-mode select,.dark-mode textarea {background:#071a2b;color:var(--text);border-color:#28536a}
.demo-strip,.dark-mode .demo-strip {background:#081d2c;border-color:#234b60;color:#a9c9d9}.demo-strip strong {color:#7ce9f3}.demo-strip>span,.dark-mode .demo-strip>span {background:#103246;color:#94e6f2}
.hero-banner,.message-hero,.permissions-hero {background:radial-gradient(ellipse at 100% 0%,#03d1fb14,transparent 60%),linear-gradient(115deg,#071a2d,#081527);border:1px solid #22b6d1;box-shadow:var(--neon-glow)}
.hero-banner:before,.hero-banner:after,.permissions-hero:after {opacity:.13;filter:hue-rotate(80deg)}
.hero-banner h2 span {color:#25e5f3}.hero-banner p,.message-hero p,.permissions-hero p {color:#a7c4d4}.eyebrow {color:#71eaf8}
.glow-art,.auth-art,.section-art,.illuminated-cover .glow-art {background:#05111f;border-color:#22a9c4;box-shadow:0 0 15px #00cfff20}
.illuminated-cover .capacity-badge {background:#092235;border-color:#1c7188;color:#6af2ff;box-shadow:0 0 12px #00d9ff18}.capacity-badge span {color:#b0d4e3}
.quick-action-grid>button,.dark-mode .quick-action-grid>button {background:#0a2030;border:1px solid #205369;color:var(--text);box-shadow:0 0 10px #00cfff08}.quick-action-grid>button:hover {border-color:#33d8ee;box-shadow:var(--neon-glow)}
.quick-action-grid>button>span {background:#093a49;color:#45eafb}.quick-action-grid>button:nth-child(2)>span {background:#103b30;color:#73efb8}.quick-action-grid>button:nth-child(3)>span {background:#142e4b;color:#79bfff}.quick-action-grid>button:nth-child(4)>span {background:#3a1935;color:#ff8ad1}.quick-action-grid small {color:#9fbcd0}.quick-action-grid b {color:#57d6e5}
/* Legacy sections contain explicit gradients; all data surfaces share this palette. */
:is(body,.dark-mode) :is(.stat-card,.panel-card,.table-card,.platform-card,.mini-card,.account-card,.message-panel,.renewal-stat,.renewal-calendar,.permission-summary article,.inventory-group,.inventory-account,.message-contact) {background:var(--card)!important;border-color:var(--line)!important;color:var(--text);box-shadow:var(--shadow)}
:is(body,.dark-mode) .page-section>.section-head {background:linear-gradient(110deg,#0a2030,#09192c)!important;border-color:#245a70!important;box-shadow:inset 3px 0 #22ddec!important}
.stat-card strong,#finanzas .stat-card strong,.dark-mode #finanzas .stat-card strong {color:#e2f8ff}.stat-icon.purple,.stat-icon.blue {background:#073c51;color:#40e5fa}.stat-icon.amber {background:#413019;color:#ffd17e}.stat-icon.green {background:#0e3a30;color:#6deab5}.stat-icon.red {background:#3c2133;color:#ff9bc4}
.account-card p,.mini-card p,.account-finance,.account-progress-label,.summary-platform-data span,.summary-list-item small,.table-card td small {color:#a2bed0}
.account-progress,.summary-mini-progress {background:#12364a}.account-progress i,.summary-mini-progress i {background:linear-gradient(90deg,#00a7cf,#33efff)}.account-finance,.summary-list-item,.summary-platform-row,.summary-finance>div {border-color:#23475a}
.account-capacity,.availability {background:#103b30;color:#8eeec0}.renewal-days {background:#3c2c1b;color:#f9cf8a}
.inventory-head,.renewal-calendar-head {background:#0b2537!important;border-color:#234e63}.inventory-title h3 {color:#65edff}.inventory-kicker,.account-label,.inventory-progress-caption,.account-identity p {color:#99c4d6}.account-identity strong {color:#d1effa}
.inventory-add-btn {background:#0a3444;border:1px solid #19c1d6;color:#74f5ff;box-shadow:var(--neon-glow)}.inventory-free-total {background:#0d3a32;color:#78edbf}.space-slot.available {background:#092b33;color:#8defe8;border-color:#237b83}.space-slot.occupied {background:#102c43;color:#c2e9ff;border-color:#2a5870}.space-slot small,.space-slot span {color:#a7c6d3}
:is(body,.dark-mode) #perfiles :is(.profile-quick-filters,.profile-filter-bar) {background:#091d2c;border-color:#285367;box-shadow:none}
.filter-chip,.dark-mode .filter-chip {background:#102637;color:#adc9d9;border-color:#305569}.filter-chip.active,.dark-mode .filter-chip.active {background:#0d3e4d;color:#5af4ff;border-color:#22cbdf;box-shadow:0 0 10px #00d9ff20}
.profile-filter-banner {background:#102d41;color:#a1edf7;border-color:#24829a}
.table-card th,#perfiles .table-card thead th {background:#0d2b3e;color:#85d4e5}.table-card td {color:#c9e3ef;border-color:#244657}
.luminous-profile-row td,.dark-mode .luminous-profile-row td {background:#0a1a2d}.table-card tbody tr:hover td,.luminous-profile-row:hover td,.dark-mode .luminous-profile-row:hover td {background:#0e2d40}
.status.active,.payment-badge.paid,.permission-status.approved {background:#0c3a2d;color:#89f0bf;border-color:#25644d}.status.pending,.payment-badge.unpaid,.permission-status.pending {background:#423018;color:#ffd387;border-color:#735329}.status.expired {background:#421a2f;color:#ffa2c7}.status.paused {background:#20384a;color:#bfdce9}
.approve-btn {background:#113c32!important;color:#95f2ce!important;border-color:#2c6c57!important}.danger-btn {background:#391a2c!important;color:#ff9ac1!important;border-color:#773752!important}
.summary-empty,.renewal-empty,.message-empty,.inventory-empty {background:#071a28;color:#a6c4d5;border-color:#285467}.summary-empty p,.inventory-empty p {color:#9bbbd0}
.calendar-weekday,.dark-mode .calendar-weekday {background:#0c2e40;color:#72e6f3}.calendar-day,.dark-mode .calendar-day {background:#0a1a2d;border-color:#244657}.calendar-day.outside,.dark-mode .calendar-day.outside {background:#071320;color:#678ba0}.calendar-day button,.dark-mode .calendar-day button {background:#0c3444;color:#cdf6ff}.calendar-day button small {color:#86d1de}.calendar-day button i {background:#22e9f4}.calendar-day.today>span {background:#1ad2e5;color:#042532}.calendar-toolbar>div:last-child strong {color:#b6f3fa}
.selection-count,.template-vars span {border-color:#2b5269;color:#8fe0eb;background:#0a2a3d}.message-panel-head p,.message-contact small {color:#a1bed0}
.modal,.dark-mode .modal {background:#091b2b;color:#d6eef9;border:1px solid #2daec5;box-shadow:0 0 25px #00d9ff24,0 20px 80px #0007}.modal-backdrop {background:#010b15d9}.modal label {color:#a6cadb}.modal .modal-actions,.dark-mode .modal .modal-actions {background:#091b2b;border-color:#28536a}.modal .modal-close-x {background:#0c3044;color:#8beeff;border-color:#245d76}
.profile-account-notice {background:#0a352d;color:#8cecc7;border-color:#287b61}.profile-form input[readonly] {background:#0d283b;color:#accddd}
.client-history-summary article,.client-history-item,.payment-history-item,.receipt-card,.tutorial-card {background:#0b2032;color:#d4ecf7;border-color:#2b5367}.client-history-summary span,.client-history-head p,.client-history-item small {color:#99bdd1}
.notification-panel,.global-search-results {background:#0a2032;border-color:#28657a;color:#daf7ff}.notification-head,.notification-item,.global-search-result {border-color:#20465c}.notification-item small,.global-search-result small {color:#a3c6d9}.notification-item:hover,.global-search-result:hover {background:#123a50}
.cloud-save-status.saved,.dark-mode .cloud-save-status.saved {background:#10362d;color:#85efbb;border-color:#2e7158}
.mobile-bottom-nav,.dark-mode .mobile-bottom-nav {background:#071c2bf5;border-color:#22afc7;box-shadow:0 -3px 22px #00cfff18}.mobile-bottom-nav button {color:#96bbd1}.mobile-bottom-nav button.active {background:#0c3546;color:#4beeff}.mobile-bottom-nav .mobile-sale-action span {background:#073646;border:1px solid #34ddeb;color:#77f6ff;box-shadow:0 0 13px #00d9ff45}
.mobile-menu-btn {background:#0a2f43;border-color:#29d4e7;color:#62efff;box-shadow:var(--neon-glow)}
.dark-mode {--card:#071522;--bg:#030b14;--neon-glow:0 0 7px #17e6ff18}.dark-mode .hero-banner,.dark-mode .glow-art,.dark-mode .quick-action-grid>button {box-shadow:none}
@media(max-width:760px) {
 :is(body,.dark-mode) .table-card:has(.responsive-table) {background:transparent!important;box-shadow:none;border:0}
 .responsive-table tbody tr {background:var(--card);border-color:#285168}
 .table-card .responsive-table td,.table-card .responsive-table .luminous-profile-row td,.dark-mode .table-card .responsive-table td {background:transparent;color:#cee9f5;border-color:#20475b}
 .responsive-table td:before {color:#83aabf}.table-card .responsive-table .luminous-profile-row td:first-child:before {color:#83aabf}
 .hero-banner .illuminated-cover .glow-art {aspect-ratio:2/1}.glow-art img {object-fit:contain}
 .auth-card {box-shadow:0 0 4px #3ee6ff7a,0 0 15px #00d9ff25}.auth-brand {border-right:0;border-bottom:1px solid #164a5e}
 .modal .modal-actions {background:var(--card)}
}
#resumen .quick-action-grid>button,.dark-mode #resumen .quick-action-grid>button {background:#0a2030;border-color:#205369;color:#e8f8ff;box-shadow:0 0 10px #00cfff08}
#resumen .quick-action-grid>button:after {background:#00d9ff}
.demo-strip>div>span {color:#98bfd3}.global-search-icon {color:#36e8f7}
.mobile-bottom-nav .mobile-sale-action,.dark-mode .mobile-bottom-nav .mobile-sale-action {background:#093c4b;border-color:#0a2334;color:#79f5ff;box-shadow:0 0 16px #00d9ff35}