:root{--ink:#24152f;--muted:#786c80;--line:#e8e0ed;--paper:#fff;--canvas:#f6f2f8;--rose:#6d28d9;--rose-dark:#541cae;--rose-soft:#f0e8ff;--nav:#21102d;--green:#168565;--amber:#b36a05;--shadow:0 18px 48px rgba(48,22,62,.09);--shadow-soft:0 8px 24px rgba(48,22,62,.06);--radius:20px}
html{background:var(--canvas);scroll-behavior:smooth}body{font-size:14px;line-height:1.5;background:radial-gradient(circle at 76% -10%,rgba(124,58,237,.08),transparent 32%),var(--canvas)}::selection{background:#d9c4fb;color:#32134e}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(109,40,217,.18);outline-offset:2px}
.login-shell{grid-template-columns:minmax(0,1.16fr) minmax(440px,.84fr)}.login-card{width:min(430px,80%);padding:38px 0}.login-card h2{font-family:ui-serif,Georgia,serif;font-size:44px;letter-spacing:-1.4px;color:#24152f}.login-card .muted{font-size:15px}.login-card label{font-size:12px}.login-card input{height:56px;border-radius:15px;border-color:#ddd2e4;background:#fbf9fc;padding:0 17px;transition:.18s}.login-card input:hover{border-color:#c8b5d2;background:#fff}.login-card .button{height:54px;border-radius:15px;font-size:15px}.login-art:after{background:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.2) 100%)}
.app-shell{grid-template-columns:276px minmax(0,1fr)}.sidebar{width:276px;padding:26px 18px 20px;background:radial-gradient(circle at 20% 0,rgba(139,92,246,.22),transparent 25%),linear-gradient(180deg,#291439 0%,#1d0d29 100%);box-shadow:18px 0 50px rgba(35,14,45,.08)}.sidebar .brand{min-height:48px;padding:0 12px;font-size:22px}.sidebar .brand:before{content:"T";width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#a56af2,#6d28d9 58%,#dd2a7b);color:#fff;font-family:Georgia,serif;font-size:25px;font-style:italic;box-shadow:0 10px 28px rgba(109,40,217,.38),inset 0 0 0 1px rgba(255,255,255,.22)}.workspace-label{margin:29px 13px 10px;color:#9e8ca8;font-size:9px;font-weight:800;letter-spacing:2px}.sidebar nav{gap:4px;overflow-y:auto;padding:2px 0 12px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{min-height:45px;padding:11px 13px;border-radius:13px;color:#c7bacf;font-size:13px;transition:.18s}.sidebar nav button span{width:29px;color:#aa95b5}.sidebar nav button:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}.sidebar nav button.active{background:linear-gradient(90deg,rgba(139,92,246,.3),rgba(109,40,217,.16));color:#fff;box-shadow:inset 0 0 0 1px rgba(193,164,255,.1)}.sidebar nav button.active span{color:#d7bfff}.sidebar nav button.active:before{left:-18px;top:10px;bottom:10px;width:4px;background:linear-gradient(#c4a0ff,#ec4899);box-shadow:0 0 14px rgba(196,160,255,.7)}.sidebar-footer{border-color:rgba(255,255,255,.1);padding:18px 8px 0;grid-template-columns:42px 1fr 30px}.avatar{width:42px;height:42px;background:linear-gradient(135deg,#e9ddff,#cbb3f7);color:#51208e;box-shadow:0 7px 18px rgba(0,0,0,.16)}.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:10px;color:#a895b2}main{grid-column:2}.topbar{position:sticky;top:0;z-index:8;min-height:96px;padding:19px clamp(24px,3vw,44px);border-bottom:1px solid rgba(225,215,232,.84);background:rgba(250,248,252,.86);backdrop-filter:blur(18px)}.topbar h1{font-family:ui-serif,Georgia,serif;font-size:31px;letter-spacing:-.7px}.topbar .eyebrow{color:#7a5a8b}.status{padding:8px 12px;border:1px solid #ded4e4;border-radius:999px;background:rgba(255,255,255,.75);color:#63556b}.content{width:100%;max-width:1560px;margin:0 auto;padding:32px clamp(22px,3vw,44px) 80px}
.metric-grid{gap:18px}.metric{position:relative;overflow:hidden;min-height:138px;padding:22px;border:1px solid rgba(226,216,233,.9);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:.2s}.metric:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;bottom:-56px;background:var(--rose-soft);opacity:.75}.metric:hover{transform:translateY(-3px);border-color:#d4c0e0;box-shadow:var(--shadow)}.metric-top{font-size:11px;letter-spacing:.35px;text-transform:uppercase}.metric-icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#f4efff,#e5d6fb);color:#6d28d9}.metric strong{position:relative;z-index:1;font-family:ui-serif,Georgia,serif;font-size:38px;margin-top:15px}.panel-grid{gap:20px;margin-top:22px}.panel{border:1px solid rgba(226,216,233,.92);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:rgba(255,255,255,.96)}.panel-header{min-height:66px;padding:19px 22px;background:linear-gradient(180deg,#fff,#fdfbfe);border-color:#eee7f1}.panel-header h2{font-size:16px}.panel-header small{color:var(--muted)}.panel-body{padding:22px}.quick-list{gap:11px}.quick-item{min-height:68px;padding:14px 15px;border:1px solid transparent;border-radius:15px;background:#faf7fc;transition:.18s}button.quick-item:hover{background:#f5effa;border-color:#e4d7ea;transform:translateX(2px)}.quick-item strong{font-size:13px}.quick-item small{display:block;margin-top:2px;font-size:11px}
.toolbar{align-items:center;gap:10px;margin-bottom:18px;padding:12px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.84);box-shadow:0 5px 20px rgba(48,22,62,.035)}.field,.settings-form input:not([type=checkbox]),.settings-form select{height:50px;border:1px solid #ddd3e3;border-radius:13px;background:#fbf9fc;padding:0 15px;transition:.18s}.field:hover,.settings-form input:not([type=checkbox]):hover,.settings-form select:hover{border-color:#cbbbd3;background:#fff}.field:focus,.settings-form input:not([type=checkbox]):focus,.settings-form select:focus{border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px rgba(139,92,246,.1)}.button{min-height:43px;border-radius:12px;padding:10px 17px;transition:.18s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#7c3aed,#6420bd);box-shadow:0 9px 22px rgba(109,40,217,.24)}.primary:hover{background:linear-gradient(135deg,#6d28d9,#5319a4);box-shadow:0 12px 28px rgba(109,40,217,.3)}.secondary{background:#f1ebf5;color:#493654}.secondary:hover{background:#e9dfef}.table-wrap{scrollbar-color:#d8c9df transparent}.data-table{font-size:12.5px}.data-table th{position:sticky;top:0;z-index:1;padding:14px 17px;background:#f8f4fa;color:#806f89;font-size:9px;letter-spacing:1.1px}.data-table td{padding:16px 17px;border-color:#eee8f1}.data-table td strong{color:#302038}.data-table td small{color:#817487;line-height:1.45}.data-table tbody tr{transition:background .15s}.data-table tr:hover td{background:#fbf8fd}.pill{gap:5px;padding:5px 10px;border-radius:999px}.pill.green{background:#e4f7f0;color:#107157}.pill.red{background:#f4eafb;color:#743c98}.pill.amber{background:#fff0d9;color:#985906}.pill.gray{background:#f0ebf3;color:#66596d}.row-actions button{min-height:34px;border-radius:10px;padding:7px 11px;background:#fbf9fc}.pagination{min-height:64px;padding:13px 18px;background:#fdfbfe}.empty{padding:68px 30px}.empty:before{content:"◇";display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:15px;background:var(--rose-soft);color:var(--rose);font-size:22px}.empty b{font-size:17px}.loading-card{height:250px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.settings-grid{gap:20px}.settings-form{padding:0}.settings-grid>.panel>.settings-form{padding:23px}.settings-form>.panel{margin-bottom:20px}.settings-form h3{margin:24px 0 14px;font-size:13px;color:#4d3858}.settings-form textarea,.provider-body textarea{width:100%;min-height:112px;padding:14px 15px;border:1px solid #ddd3e3;border-radius:13px;background:#fbf9fc;resize:vertical;outline:none;line-height:1.5;transition:.18s}.settings-form textarea:focus,.provider-body textarea:focus{border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px rgba(139,92,246,.1)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.switch-row{min-height:72px;padding:16px 18px;border:1px solid #e4d8ed;border-radius:15px;background:linear-gradient(135deg,#f6f0ff,#fbf8fd)}.switch span{width:48px;height:27px}.switch span:after{width:21px;height:21px}.switch input:checked+span{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.switch input:checked+span:after{transform:translateX(21px)}.social-heading{align-items:center;margin-bottom:23px}.social-heading h2{font-family:ui-serif,Georgia,serif;font-size:31px}.social-heading>div>p:last-child{font-size:13px}.secure-chip{padding:9px 14px;border-radius:999px;background:#fff;box-shadow:var(--shadow-soft)}.social-form{padding:0;gap:20px}.provider-grid{gap:20px}.provider-card{border-radius:var(--radius);box-shadow:var(--shadow-soft)}.provider-card.enabled{border-color:#bfa0da;box-shadow:0 14px 35px rgba(93,48,126,.1)}.provider-top{min-height:80px;padding:18px 21px}.provider-body{padding:22px}.provider-logo{width:44px;height:44px;border-radius:14px}.provider-brand h3{font-size:17px}.social-savebar{bottom:20px;padding:17px 20px;border-radius:17px;border-color:#d7c8df;box-shadow:0 18px 55px rgba(48,22,62,.18)}
dialog{border-radius:22px;box-shadow:0 35px 110px rgba(29,10,38,.34)}dialog::backdrop{background:rgba(26,12,34,.56);backdrop-filter:blur(5px)}dialog form{padding:30px}.dialog-close{width:34px;height:34px;background:#f2ecf5}.dialog-body h2{font-size:25px}.toast{right:28px;bottom:28px;max-width:420px;padding:15px 20px;border-radius:14px;background:#2a1734;box-shadow:0 20px 60px rgba(31,13,39,.28)}
@media(max-width:1120px){.app-shell{grid-template-columns:252px minmax(0,1fr)}.sidebar{width:252px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid{grid-template-columns:1fr}.provider-card.facebook{grid-column:auto}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:278px;transform:translateX(-105%);box-shadow:24px 0 70px rgba(20,8,27,.35)}.sidebar.open{transform:none}.sidebar.open:after{left:278px;background:rgba(22,9,29,.5);backdrop-filter:blur(2px)}.topbar{min-height:82px;padding:15px 18px}.topbar h1{font-size:26px}.icon-button{display:block}.status{display:none}.content{padding:20px 15px 90px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px}.metric{min-height:124px;padding:17px}.metric strong{font-size:31px}.panel-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar .field{width:100%;min-width:0}.form-grid,.social-field-grid{grid-template-columns:1fr}.data-table td,.data-table th{white-space:nowrap}.social-heading{align-items:flex-start;flex-direction:column}.social-savebar{bottom:10px}.social-savebar>div{display:none}.social-savebar .button{width:100%}}
@media(max-width:470px){.metric-grid{grid-template-columns:1fr}.metric{min-height:112px}.metric strong{font-size:34px}.panel-header{padding:17px}.panel-body{padding:17px}.provider-top{align-items:flex-start}.provider-control>span{display:none}.login-card{width:calc(100% - 28px);padding:26px 22px}.login-card h2{font-size:36px}.toast{left:14px;right:14px;bottom:14px}}