/* CLARA Admin Control Center — app-faithful desktop visual system */
:root{--clara-bg:#030816;--clara-bg2:#061224;--clara-panel:#07182d;--clara-panel2:#0a1e38;--clara-panel3:#0b2340;--clara-line:rgba(99,170,226,.23);--clara-line2:rgba(54,216,232,.34);--clara-text:#f7fbff;--clara-muted:#879bb6;--clara-cyan:#37e1e5;--clara-blue:#1681ff;--clara-violet:#6f43df;--clara-purple:#35156e;--clara-yellow:#ffd92b;--clara-red:#ff4168;--clara-green:#41e5b8;--clara-shadow:0 20px 65px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.015) inset;--clara-radius:24px}
body[data-admin-workspace="clara"]{color:var(--clara-text);font-family:ui-rounded,"SF Pro Rounded","Avenir Next","Segoe UI",system-ui,sans-serif;background:radial-gradient(circle at 82% -5%,rgba(89,37,188,.20),transparent 28%),radial-gradient(circle at 43% 0%,rgba(20,155,202,.10),transparent 28%),linear-gradient(145deg,#020711 0%,#04101e 48%,#07162a 100%);background-attachment:fixed}
body[data-admin-workspace="clara"]::before,.admin-entry-view::before{content:"";position:fixed;z-index:999;top:0;left:0;right:0;height:4px;pointer-events:none;background:linear-gradient(90deg,var(--clara-cyan) 0 48%,var(--clara-yellow) 48% 56%,var(--clara-red) 56% 100%);box-shadow:0 0 22px rgba(55,225,229,.30)}
body[data-admin-workspace="clara"] .shell{background:transparent}body[data-admin-workspace="clara"] .main{padding:24px 34px 60px;margin-left:268px}body[data-admin-workspace="clara"] #content,body[data-admin-workspace="clara"] .top{width:min(1500px,100%);margin-left:auto;margin-right:auto}body[data-admin-workspace="clara"] .page{gap:18px}
.admin-entry-view{background:radial-gradient(circle at 10% 5%,rgba(39,212,222,.16),transparent 30%),radial-gradient(circle at 90% 10%,rgba(93,52,215,.20),transparent 32%),linear-gradient(145deg,#020611,#07152a 58%,#0b0a1c)}
.admin-entry-view .login-card,.admin-entry-view .workspace-panel{border:1px solid rgba(63,219,229,.28);border-radius:30px;background:radial-gradient(circle at 92% 2%,rgba(101,55,218,.22),transparent 32%),linear-gradient(145deg,rgba(9,29,52,.98),rgba(4,12,25,.985));box-shadow:0 35px 100px rgba(0,0,0,.46),0 0 45px rgba(36,203,221,.05)}
.admin-entry-view .login-card{overflow:hidden;position:relative;padding:34px}.admin-entry-view .login-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--clara-cyan),var(--clara-yellow),var(--clara-red))}.admin-entry-view .login h1{font-size:34px;font-weight:900;letter-spacing:-.035em}.admin-entry-view .intro{font-size:14px;line-height:1.7}
body[data-admin-workspace="clara"] .sidebar{width:268px;padding:22px 16px 18px;background:radial-gradient(circle at 15% 0%,rgba(23,147,180,.12),transparent 28%),linear-gradient(180deg,rgba(2,8,17,.995),rgba(3,12,24,.99));border-right:1px solid rgba(75,164,209,.18);box-shadow:18px 0 70px rgba(0,0,0,.23)}
body[data-admin-workspace="clara"] .brand{padding:0 5px 28px;position:relative;gap:13px}body[data-admin-workspace="clara"] .brand::after{content:"";position:absolute;left:5px;right:5px;bottom:8px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--clara-cyan) 0 46%,var(--clara-yellow) 46% 58%,var(--clara-red) 58% 100%)}
body[data-admin-workspace="clara"] .logo{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#52e7e3,#2adfc2);color:#02171a;font-size:19px;font-weight:950;box-shadow:0 12px 34px rgba(48,226,213,.20),0 0 0 1px rgba(255,255,255,.20) inset}body[data-admin-workspace="clara"] .brand b{font-size:15px;font-weight:950;letter-spacing:.18em}body[data-admin-workspace="clara"] .brand small{font-size:10px;color:#7289a4}
body[data-admin-workspace="clara"] .label{margin:15px 9px 8px;color:#526a86;font-size:9px;font-weight:950;letter-spacing:.2em}body[data-admin-workspace="clara"] .nav{gap:5px}body[data-admin-workspace="clara"] .nav button{min-height:52px;padding:6px 10px;border-radius:16px;color:#94a7bd;font-size:14px;font-weight:650;border:1px solid transparent;transition:.18s ease}
body[data-admin-workspace="clara"] .nav button i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;color:#7e95af;background:linear-gradient(145deg,rgba(16,40,66,.94),rgba(8,23,43,.96));border:1px solid rgba(89,156,197,.18);box-shadow:0 8px 20px rgba(0,0,0,.14);font-size:13px}body[data-admin-workspace="clara"] .nav button:hover{color:#fff;background:linear-gradient(90deg,rgba(17,129,168,.12),rgba(80,44,171,.08));border-color:rgba(64,202,219,.12);transform:translateX(2px)}
body[data-admin-workspace="clara"] .nav button.active,body[data-admin-workspace="clara"] #growthProjectionNav.active{color:#fff;background:linear-gradient(105deg,rgba(17,133,173,.23),rgba(65,37,149,.20));border-color:rgba(56,219,229,.30);box-shadow:0 10px 30px rgba(0,0,0,.16),inset 3px 0 var(--clara-cyan)}body[data-admin-workspace="clara"] .nav button.active i{color:#e9ffff;border-color:rgba(56,224,232,.45);background:linear-gradient(145deg,rgba(25,126,162,.42),rgba(63,45,145,.35));box-shadow:0 0 18px rgba(55,225,229,.12)}
body[data-admin-workspace="clara"] .count{margin-left:auto;min-width:26px;padding:4px 7px;border-radius:999px;font-size:10px;background:rgba(255,255,255,.055);border:1px solid rgba(111,164,195,.14);color:#91a4bb}body[data-admin-workspace="clara"] .statusbox{padding:14px;border-radius:16px;border-color:rgba(58,229,187,.25);background:linear-gradient(145deg,rgba(13,83,71,.22),rgba(3,30,35,.56));box-shadow:0 12px 30px rgba(0,0,0,.18)}body[data-admin-workspace="clara"] .statusbox b,body[data-admin-workspace="clara"] .profile b{font-size:11px}body[data-admin-workspace="clara"] .statusbox small,body[data-admin-workspace="clara"] .profile small{font-size:10px}body[data-admin-workspace="clara"] .profile{padding-top:13px}body[data-admin-workspace="clara"] .avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#8b6cff,#438df5);border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 25px rgba(77,72,220,.18)}
body[data-admin-workspace="clara"] .top{position:sticky;top:4px;z-index:15;padding:11px 0 16px;margin-top:0;margin-bottom:20px;border-bottom:1px solid rgba(86,153,192,.10);background:linear-gradient(180deg,rgba(4,13,25,.95),rgba(4,13,25,.76) 76%,transparent);backdrop-filter:blur(18px)}body[data-admin-workspace="clara"] .title p{margin-bottom:5px;color:#48e2e5;font-size:10px;font-weight:950;letter-spacing:.18em}body[data-admin-workspace="clara"] .title h1{font-size:35px;font-weight:950;letter-spacing:-.045em}body[data-admin-workspace="clara"] .tools{gap:9px}
body[data-admin-workspace="clara"] .search{height:44px;width:280px;border-radius:14px;border-color:rgba(94,174,214,.20);background:rgba(7,24,43,.78)}body[data-admin-workspace="clara"] .search input{font-size:12px}body[data-admin-workspace="clara"] .btn{min-height:43px;border-radius:13px;padding:0 16px;font-size:11px;font-weight:900}body[data-admin-workspace="clara"] .btn.primary{color:#03171a;border:0;background:linear-gradient(135deg,#44e4e8,#30dfbd);box-shadow:0 12px 30px rgba(48,219,211,.15),0 0 0 1px rgba(255,255,255,.18) inset}body[data-admin-workspace="clara"] .btn.ghost{color:#b3c6d7;background:rgba(8,27,47,.80);border:1px solid rgba(95,169,207,.20)}body[data-admin-workspace="clara"] .btn.danger{color:#ff91aa;background:rgba(107,18,48,.15);border:1px solid rgba(255,65,104,.28)}
body[data-admin-workspace="clara"] .card{border:1px solid var(--clara-line);border-radius:var(--clara-radius);background:radial-gradient(circle at 100% 0%,rgba(75,53,170,.09),transparent 35%),linear-gradient(145deg,rgba(9,29,52,.97),rgba(5,18,34,.985));box-shadow:var(--clara-shadow)}
body[data-admin-workspace="clara"] .hero,body[data-admin-workspace="clara"] .growth-hero{position:relative;overflow:hidden;min-height:176px;padding:27px 30px;align-items:center;border-color:rgba(66,207,224,.32);background:radial-gradient(circle at 87% 15%,rgba(100,50,210,.42),transparent 34%),radial-gradient(circle at 8% 5%,rgba(18,182,195,.34),transparent 34%),linear-gradient(135deg,#073c50 0%,#0b2948 46%,#351775 100%)}body[data-admin-workspace="clara"] .hero::before,body[data-admin-workspace="clara"] .growth-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--clara-cyan) 0 48%,var(--clara-yellow) 48% 57%,var(--clara-red) 57% 100%)}body[data-admin-workspace="clara"] .hero::after,body[data-admin-workspace="clara"] .growth-hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-55px;top:-105px;border:1px solid rgba(96,189,247,.18);box-shadow:0 0 0 35px rgba(74,107,238,.035),0 0 0 70px rgba(58,214,224,.025);pointer-events:none}body[data-admin-workspace="clara"] .hero>*,body[data-admin-workspace="clara"] .growth-hero>*{position:relative;z-index:1}
body[data-admin-workspace="clara"] .eyebrow,body[data-admin-workspace="clara"] .head p,body[data-admin-workspace="clara"] .growth-kicker,body[data-admin-workspace="clara"] .growth-card-head p,body[data-admin-workspace="clara"] .p0-section-head p{color:#5ce9eb;font-size:10px;font-weight:950;letter-spacing:.16em}body[data-admin-workspace="clara"] .hero h2{font-size:36px;font-weight:950;letter-spacing:-.045em;margin:2px 0 0}body[data-admin-workspace="clara"] .hero p{max-width:820px;margin-top:11px;color:#a6bad0;font-size:14px;line-height:1.65}
body[data-admin-workspace="clara"] .metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}body[data-admin-workspace="clara"] .metric{position:relative;overflow:hidden;min-height:168px;padding:22px 21px;border-color:rgba(81,165,211,.22);background:radial-gradient(circle at 96% -8%,rgba(76,53,177,.16),transparent 44%),linear-gradient(145deg,rgba(10,34,59,.98),rgba(5,20,38,.98))}body[data-admin-workspace="clara"] .metric::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--clara-cyan),var(--clara-blue) 58%,var(--clara-violet));opacity:.65}body[data-admin-workspace="clara"] .metric-icon{width:48px;height:48px;border-radius:15px;color:#63edf0;font-size:16px;border:1px solid rgba(65,221,230,.20);background:linear-gradient(145deg,rgba(22,120,157,.29),rgba(37,64,143,.24));box-shadow:0 10px 28px rgba(0,0,0,.15),0 0 20px rgba(54,216,232,.04)}body[data-admin-workspace="clara"] .metric .label2{margin-top:16px;color:#8299b3;font-size:12px;font-weight:700}body[data-admin-workspace="clara"] .metric h3{margin-top:7px;color:#fff;font-size:32px;font-weight:950;letter-spacing:-.04em}body[data-admin-workspace="clara"] .metric p{margin-top:8px;color:#647f9e;font-size:11px;line-height:1.45}
body[data-admin-workspace="clara"] .pad{padding:23px}body[data-admin-workspace="clara"] .head{margin-bottom:17px;padding-bottom:2px}body[data-admin-workspace="clara"] .head h3{font-size:21px;font-weight:900;letter-spacing:-.025em}body[data-admin-workspace="clara"] .columns{gap:17px}body[data-admin-workspace="clara"] .activity{padding:15px 0;border-color:rgba(96,159,195,.11)}body[data-admin-workspace="clara"] .activity b{font-size:12px}body[data-admin-workspace="clara"] .activity p,body[data-admin-workspace="clara"] .activity time{font-size:11px}body[data-admin-workspace="clara"] .adot{background:var(--clara-cyan);box-shadow:0 0 12px rgba(55,225,229,.45)}body[data-admin-workspace="clara"] .empty{min-height:110px;display:grid;place-items:center;margin:8px 0;padding:30px;border:1px dashed rgba(87,170,209,.22);border-radius:18px;background:rgba(4,18,34,.48);color:#7690ad;font-size:12px}
body[data-admin-workspace="clara"] .table-wrap{overflow:auto;border:1px solid rgba(83,157,198,.15);border-radius:18px;background:rgba(4,16,31,.42)}body[data-admin-workspace="clara"] table{border-collapse:separate;border-spacing:0}body[data-admin-workspace="clara"] th{padding:13px 14px;color:#69839f;font-size:10px;font-weight:950;letter-spacing:.13em;background:rgba(8,27,47,.86);border-bottom:1px solid rgba(88,156,194,.12)}body[data-admin-workspace="clara"] td{padding:15px 14px;border-top:1px solid rgba(87,151,187,.09);font-size:12px;color:#bdd0df}body[data-admin-workspace="clara"] tbody tr:hover td{background:rgba(30,110,145,.055)}body[data-admin-workspace="clara"] .user{gap:11px}body[data-admin-workspace="clara"] .mini{width:39px;height:39px;border-radius:13px;font-size:10px;background:linear-gradient(135deg,rgba(43,204,218,.27),rgba(92,68,210,.28));border:1px solid rgba(77,205,220,.14)}body[data-admin-workspace="clara"] .user b{font-size:12px}body[data-admin-workspace="clara"] .user small{font-size:10px}body[data-admin-workspace="clara"] .badge{padding:6px 9px;font-size:9px}body[data-admin-workspace="clara"] .rowbtn{min-height:33px;padding:0 10px;border-radius:9px;font-size:9px;background:rgba(9,29,49,.78)}
body[data-admin-workspace="clara"] .field label{font-size:11px;color:#b8c6d7}body[data-admin-workspace="clara"] .field input,body[data-admin-workspace="clara"] .field select,body[data-admin-workspace="clara"] .field textarea{border-color:rgba(93,170,210,.21);border-radius:13px;background:rgba(4,18,34,.84);font-size:12px}body[data-admin-workspace="clara"] .field input,body[data-admin-workspace="clara"] .field select{height:46px}body[data-admin-workspace="clara"] .tabs{padding:7px;border-radius:15px;background:rgba(4,17,32,.72);border-color:rgba(79,157,199,.18)}body[data-admin-workspace="clara"] .tabs button,body[data-admin-workspace="clara"] .filters button{min-height:38px;padding:0 15px;border-radius:11px;font-size:10px}body[data-admin-workspace="clara"] .tabs button.active,body[data-admin-workspace="clara"] .filters button.active{color:#03151a;background:linear-gradient(135deg,#47e4e7,#2bdcbf);border:0;box-shadow:0 10px 26px rgba(45,222,209,.12)}
body[data-admin-workspace="clara"] .challenge-progress-track{height:9px;border-radius:999px;background:#07162b}body[data-admin-workspace="clara"] .challenge-progress-fill{background:linear-gradient(90deg,var(--clara-cyan),var(--clara-blue),var(--clara-violet));box-shadow:0 0 14px rgba(39,141,255,.20)}body[data-admin-workspace="clara"] .challenge-privacy-note{margin-top:17px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,217,43,.18);background:rgba(108,82,9,.08);font-size:11px;line-height:1.55}
body[data-admin-workspace="clara"] .growth-page{gap:18px}body[data-admin-workspace="clara"] .growth-progress-card,body[data-admin-workspace="clara"] .growth-section{padding:24px}body[data-admin-workspace="clara"] .growth-card-head h3,body[data-admin-workspace="clara"] .p0-section-head h3{font-size:21px;font-weight:900}body[data-admin-workspace="clara"] .growth-percent{font-size:31px;font-weight:950}body[data-admin-workspace="clara"] .growth-track{height:11px}body[data-admin-workspace="clara"] .growth-metric{min-height:130px;padding:18px;border-radius:17px;background:linear-gradient(145deg,rgba(9,31,54,.96),rgba(5,20,37,.96));border-color:rgba(88,167,208,.17)}body[data-admin-workspace="clara"] .growth-metric span{font-size:11px}body[data-admin-workspace="clara"] .growth-metric strong{font-size:28px!important}body[data-admin-workspace="clara"] .growth-metric small{font-size:10px!important;line-height:1.5}body[data-admin-workspace="clara"] .growth-phase-access{padding:9px;gap:9px;border-radius:20px;background:rgba(4,18,34,.78);border-color:rgba(76,164,207,.18)}body[data-admin-workspace="clara"] .growth-phase-access button{min-height:70px;border-radius:15px;padding:12px 15px}body[data-admin-workspace="clara"] .growth-phase-number{width:42px;height:42px;flex-basis:42px;border-radius:14px;font-size:13px}body[data-admin-workspace="clara"] .growth-phase-access b{font-size:13px}body[data-admin-workspace="clara"] .growth-phase-access small{font-size:9px}body[data-admin-workspace="clara"] .growth-gate,body[data-admin-workspace="clara"] .p0-gate{padding:19px;border-radius:18px}body[data-admin-workspace="clara"] .growth-gate b,body[data-admin-workspace="clara"] .p0-gate b{font-size:14px}body[data-admin-workspace="clara"] .growth-gate p,body[data-admin-workspace="clara"] .p0-gate p{font-size:12px}body[data-admin-workspace="clara"] .p0-category{border-radius:17px}body[data-admin-workspace="clara"] .p0-category summary{padding:17px 18px}body[data-admin-workspace="clara"] .p0-category-title{font-size:14px!important}body[data-admin-workspace="clara"] .p0-task{padding:13px 17px!important}body[data-admin-workspace="clara"] .p0-task-copy span{font-size:12px!important}
body[data-admin-workspace="clara"] .modal-wrap{background:rgba(1,5,13,.80);backdrop-filter:blur(9px)}body[data-admin-workspace="clara"] .modal{border-radius:24px;border-color:rgba(58,220,229,.30);background:radial-gradient(circle at 92% 2%,rgba(98,52,209,.14),transparent 28%),linear-gradient(145deg,#091c31,#050e1d);box-shadow:0 30px 100px rgba(0,0,0,.48)}body[data-admin-workspace="clara"] .modal-head{padding:21px 22px}body[data-admin-workspace="clara"] .modal-head p{font-size:9px!important}body[data-admin-workspace="clara"] .modal-head h3{font-size:20px}body[data-admin-workspace="clara"] .modal-body{padding:22px!important}
body[data-admin-workspace="clara"] .head p::before,body[data-admin-workspace="clara"] .eyebrow::before{content:"✦ ";color:var(--clara-yellow)}body[data-admin-workspace="clara"].sidebar-collapsed .main{margin-left:0}
@media(max-width:1250px){body[data-admin-workspace="clara"] .main{padding-left:25px;padding-right:25px}body[data-admin-workspace="clara"] .hero h2{font-size:32px}}
@media(max-width:900px){body[data-admin-workspace="clara"] .sidebar{width:250px}body[data-admin-workspace="clara"] .main{margin-left:0;padding:18px 16px 45px}body[data-admin-workspace="clara"] #content,body[data-admin-workspace="clara"] .top{width:100%}body[data-admin-workspace="clara"] .hero,body[data-admin-workspace="clara"] .growth-hero{min-height:auto;padding:22px}body[data-admin-workspace="clara"] .hero h2{font-size:29px}body[data-admin-workspace="clara"] .title h1{font-size:29px}body[data-admin-workspace="clara"] .tools{flex-wrap:wrap;justify-content:flex-end}body[data-admin-workspace="clara"] .search{width:220px}}
@media(max-width:650px){body[data-admin-workspace="clara"] .metrics{grid-template-columns:1fr 1fr}body[data-admin-workspace="clara"] .metric{min-height:145px;padding:18px}body[data-admin-workspace="clara"] .metric h3{font-size:28px}body[data-admin-workspace="clara"] .hero h2{font-size:26px}}