/* Dark Flow Crypto Spot CRM v0.3.1 — Ultra Command Deck + Super Admin Login As */
.df-switch-btn{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(74,150,241,.24);border-radius:10px;background:linear-gradient(180deg,rgba(15,31,49,.96),rgba(8,19,31,.96));color:#d9e8ff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 28px rgba(0,0,0,.18)}.df-switch-btn:hover{border-color:rgba(73,180,255,.48);box-shadow:0 0 24px rgba(47,147,255,.10),inset 0 1px 0 rgba(255,255,255,.04)}.df-switch-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(45,126,231,.14);color:#65b9ff;font-size:15px}.df-switch-btn span:last-child{display:flex;flex-direction:column;text-align:left;line-height:1.05}.df-switch-btn strong{font-size:9px;letter-spacing:.11em}.df-switch-btn small{font-size:8px;color:#7f94ad;margin-top:3px}
.df-switch-modal{position:fixed;z-index:10050;inset:0;background:rgba(2,7,13,.78);backdrop-filter:blur(9px);display:grid;place-items:center;padding:24px}.df-switch-modal[hidden]{display:none}.df-switch-card{width:min(760px,94vw);max-height:min(760px,90vh);overflow:auto;border:1px solid rgba(77,151,233,.28);border-radius:16px;background:linear-gradient(180deg,#0b1725,#07111c);box-shadow:0 36px 100px rgba(0,0,0,.52),0 0 52px rgba(38,134,239,.08)}.df-switch-head{display:flex;justify-content:space-between;gap:16px;padding:22px 22px 16px;border-bottom:1px solid rgba(112,145,184,.12)}.df-switch-head h3{margin:5px 0 5px;font-size:18px;color:#f1f7ff}.df-switch-head p{margin:0;color:#8296ad;font-size:11px}.df-switch-security{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 22px;border-bottom:1px solid rgba(112,145,184,.10)}.df-switch-security span{font-size:8px;letter-spacing:.08em;color:#5cdab2;background:rgba(28,130,104,.08);border:1px solid rgba(63,204,160,.13);border-radius:7px;padding:7px 8px;text-align:center}.df-switch-list{padding:16px 22px 22px;display:grid;gap:10px}.df-switch-user{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(97,132,171,.14);border-radius:11px;background:rgba(7,16,27,.68);transition:.18s ease}.df-switch-user:hover{border-color:rgba(72,155,246,.32);transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.16)}.df-switch-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#225bb5,#2e7ee5);font-weight:800;color:#fff;box-shadow:0 8px 20px rgba(37,107,212,.22)}.df-switch-user-copy{flex:1;min-width:0}.df-switch-user-copy>div{display:flex;align-items:center;gap:8px}.df-switch-user-copy strong{font-size:11px;color:#edf5ff}.df-switch-user-copy small{display:block;margin-top:4px;color:#788da6;font-size:9px}.df-role-badge{font-size:7px;letter-spacing:.09em;padding:3px 6px;border-radius:999px;border:1px solid rgba(92,151,222,.24);color:#82baf7;background:rgba(55,120,200,.08)}.df-role-badge.admin{color:#8ad7ff;border-color:rgba(80,195,244,.22)}.df-role-badge.user{color:#9cb2cc}.df-login-as-user{border:1px solid rgba(63,173,243,.34);background:rgba(27,100,168,.12);color:#7bc9ff;border-radius:8px;padding:8px 11px;font-size:8px;font-weight:800;letter-spacing:.08em;cursor:pointer}.df-login-as-user:hover{background:rgba(34,122,207,.20)}.df-switch-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;border:1px dashed rgba(100,145,196,.22);border-radius:11px;color:#90a5bd}.df-switch-empty strong{color:#dfeaff}.df-switch-empty span{font-size:10px}.df-switch-error{padding:16px;border-radius:9px;background:rgba(173,52,66,.10);border:1px solid rgba(237,83,100,.25);color:#ff9ca8}
.df-view-as-banner{position:fixed;z-index:10020;left:0;right:0;top:0;height:44px;display:flex;align-items:center;gap:10px;padding:0 18px;background:linear-gradient(90deg,#151006,#211806,#141006);border-bottom:1px solid rgba(241,185,68,.35);box-shadow:0 12px 30px rgba(0,0,0,.28);color:#f3d57a}.df-view-as-pulse{width:9px;height:9px;border-radius:50%;background:#f6c64d;box-shadow:0 0 0 0 rgba(246,198,77,.45);animation:dfViewPulse 1.8s infinite}.df-view-as-copy{display:flex;flex-direction:column;line-height:1.05;flex:1}.df-view-as-copy strong{font-size:9px;letter-spacing:.08em}.df-view-as-copy span{font-size:8px;color:#bfa867;margin-top:3px}.df-view-as-banner button{border:1px solid rgba(248,197,72,.36);background:rgba(241,183,46,.08);color:#ffd872;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.07em;cursor:pointer}.df-view-as-active .shell{padding-top:44px}.df-view-as-active .sidebar{top:44px;height:calc(100vh - 44px)}@keyframes dfViewPulse{0%{box-shadow:0 0 0 0 rgba(246,198,77,.5)}70%{box-shadow:0 0 0 9px rgba(246,198,77,0)}100%{box-shadow:0 0 0 0 rgba(246,198,77,0)}}
.df-ultra-command{display:grid;grid-template-columns:1.05fr 1.55fr 1fr;gap:10px;margin:10px 0 12px}.df-ultra-command>section{position:relative;overflow:hidden;border:1px solid rgba(65,125,191,.17);border-radius:12px;background:linear-gradient(180deg,rgba(10,24,39,.93),rgba(6,15,26,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.df-ultra-command>section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 18%,rgba(44,133,241,.07),transparent 36%)}.df-ultra-core-panel{display:flex;align-items:center;gap:15px;padding:13px 15px}.df-ultra-core{position:relative;width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center}.df-ultra-core>i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(70,161,243,.22);animation:dfCoreSpin 8s linear infinite}.df-ultra-core>i:nth-child(2){inset:8px;border-style:dashed;animation-direction:reverse;animation-duration:6s}.df-ultra-core>i:nth-child(3){inset:16px;border-color:rgba(59,220,190,.22);animation-duration:4.8s}.df-ultra-core-center{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#1d5faf,#0a2748);box-shadow:0 0 24px rgba(58,148,245,.23),inset 0 0 16px rgba(76,185,255,.12);z-index:2}.df-ultra-core-center span{font-size:9px;font-weight:900;color:#fff}.df-ultra-core-center strong{font-size:6px;color:#91ceff;letter-spacing:.08em}.df-ultra-core-center small{font-size:4.8px;color:#62e2bc}.df-ultra-core-copy h2{font-size:12px;margin:3px 0;color:#eaf4ff}.df-ultra-core-copy p{margin:0;color:#748aa3;font-size:8px;line-height:1.35}.df-ultra-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.df-ultra-tags span{font-size:6px;letter-spacing:.08em;padding:3px 5px;border:1px solid rgba(62,153,237,.18);border-radius:999px;color:#73bdf8;background:rgba(42,111,178,.07)}@keyframes dfCoreSpin{to{transform:rotate(360deg)}}
.df-ultra-pipeline{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;padding:12px}.df-pipe-node{min-width:0;padding:9px 8px;border:1px solid rgba(102,139,179,.14);border-radius:8px;background:rgba(5,14,23,.66)}.df-pipe-node span{font-size:6px;color:#5d7896}.df-pipe-node strong{display:block;font-size:8px;color:#d6e6f7;margin:3px 0}.df-pipe-node small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:6.5px;color:#7389a2}.df-pipe-node.live{border-color:rgba(52,203,157,.18);box-shadow:inset 0 0 18px rgba(36,168,128,.025)}.df-pipe-node.live strong{color:#6ce4bc}.df-pipe-node.warn strong{color:#ffcc71}.df-ultra-pipeline>b{height:1px;background:linear-gradient(90deg,rgba(68,161,241,.16),rgba(63,217,177,.55),rgba(68,161,241,.16));position:relative}.df-ultra-pipeline>b::after{content:"";position:absolute;top:-1px;width:3px;height:3px;border-radius:50%;background:#65dcb7;box-shadow:0 0 7px rgba(77,224,182,.65);animation:dfRail 2.1s linear infinite}@keyframes dfRail{from{left:0}to{left:calc(100% - 3px)}}
.df-ultra-metrics{display:grid;grid-template-columns:1fr 1fr;padding:8px}.df-ultra-metrics>div{padding:9px;border-right:1px solid rgba(98,133,173,.10);border-bottom:1px solid rgba(98,133,173,.10)}.df-ultra-metrics>div:nth-child(2n){border-right:0}.df-ultra-metrics>div:nth-last-child(-n+2){border-bottom:0}.df-ultra-metrics small{display:block;font-size:6px;color:#61758d;letter-spacing:.08em}.df-ultra-metrics strong{display:block;margin:3px 0;font-size:13px;color:#e9f4ff}.df-ultra-metrics span{font-size:5.8px;color:#668098}
@media(max-width:1180px){.df-ultra-command{grid-template-columns:1fr 1fr}.df-ultra-metrics{grid-column:1/-1}}@media(max-width:760px){.df-switch-btn small{display:none}.df-switch-security{grid-template-columns:1fr}.df-ultra-command{grid-template-columns:1fr}.df-ultra-metrics{grid-column:auto}.df-ultra-pipeline{grid-template-columns:1fr;gap:6px}.df-ultra-pipeline>b{width:1px;height:12px;margin:auto}.df-view-as-banner{height:auto;min-height:52px;padding:7px 10px}.df-view-as-copy span{display:none}.df-view-as-active .shell{padding-top:52px}}
@media(prefers-reduced-motion:reduce){.df-ultra-core>i,.df-ultra-pipeline>b::after,.df-view-as-pulse{animation:none!important}}