@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Nunito:wght@400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:navy;--primary-lt:#1a56db;--primary-dk:#00005a;--primary-glow:#00008059;--bg:#d8dce8;--bg-deep:#c8cdde;--white:#fff;--surface:#f4f6fb;--surface-2:#eef1f8;--text:#0d0d1a;--text-muted:#4a5070;--text-light:#8892b0;--success:#057a55;--success-lt:#d1fae5;--warning:#c27803;--warning-lt:#fef3c7;--danger:#c00;--danger-lt:#fee2e2;--wa:#25d366;--wa-dk:#128c7e;--input-bg:#f0f4ff;--border:#b8c0d8;--border-focus:navy;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:100px;--shadow-sm:0 1px 3px #00005014,0 1px 2px #0000500f;--shadow-md:0 4px 12px #0000501a,0 2px 4px #00005014;--shadow-lg:0 8px 28px #00005024,0 4px 10px #0000501a;--shadow-xl:0 20px 60px #0000502e,0 8px 20px #0000501f;--shadow-3d:0 2px 0 #00003c59,0 4px 16px #00005033;--shadow-btn:0 4px 0 var(--primary-dk),0 6px 20px #0000804d;--shadow-btn-hover:0 2px 0 var(--primary-dk),0 4px 12px #00008040;--shadow-card:0 0 0 1px #0000500f,0 4px 16px #0000501a,0 12px 40px #00005014;--shadow-inset:inset 0 2px 4px #0000501a;--sidebar-w:252px;--header-h:58px;--ease:cubic-bezier(0.25,0.46,0.45,0.94);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d8dce8;background:var(--bg);background-image:radial-gradient(ellipse at 0 0,#0000800f 0,#0000 60%),radial-gradient(ellipse at 100% 100%,#0000800a 0,#0000 60%);color:#0d0d1a;color:var(--text);font-family:Nunito,Segoe UI,system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font-family:inherit}select option{background:#fff;color:#000}img{max-width:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#d8dce8;background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a56db,navy);background:linear-gradient(180deg,var(--primary-lt),var(--primary));border-radius:3px}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#00005a,navy 40%,#019);background:linear-gradient(180deg,var(--primary-dk) 0,var(--primary) 40%,#019 100%);bottom:0;box-shadow:4px 0 32px #0000504d,2px 0 8px #00005033;flex-direction:column;left:0;overflow-y:auto;padding:0 0 20px;position:fixed;top:0;transition:transform .28s cubic-bezier(.25,.46,.45,.94);transition:transform .28s var(--ease);width:252px;width:var(--sidebar-w);z-index:200}.sidebar:before{background:linear-gradient(90deg,#4080ff,#8080ff,#4040dd);content:"";height:3px;left:0;position:absolute;right:0;top:0}.sidebar.hidden{transform:translateX(-100%)}.topbar{align-items:center;background:linear-gradient(135deg,#00005a,navy);background:linear-gradient(135deg,var(--primary-dk),var(--primary));box-shadow:0 2px 16px #00005040;display:none;height:58px;height:var(--header-h);justify-content:space-between;left:0;padding:0 18px;position:fixed;right:0;top:0;z-index:300}.topbar-title{color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px}.menu-toggle{background:#ffffff1f;border:1px solid #fff3;border-radius:6px;border-radius:var(--r-sm);color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:6px 10px;transition:background .15s}.menu-toggle:hover{background:#ffffff38}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000288c;display:none;inset:0;position:fixed;z-index:199}.sidebar-overlay.open{display:block}.main-content{flex:1 1;margin-left:252px;margin-left:var(--sidebar-w);min-height:100vh;overflow-x:hidden;padding:30px 34px}.side-top{border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding:28px 16px 22px;position:relative;text-align:center}.side-top img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));height:52px;margin-bottom:8px;object-fit:contain;width:52px}.side-sys{color:#fff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-top:4px}.side-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:100px;border-radius:var(--r-pill);color:#ffffffe6;display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;margin-top:8px;padding:3px 14px}.side-name{color:#ffffff8c;font-size:11px;margin-top:5px}.side-nav{display:flex;flex:1 1;flex-direction:column;gap:3px;padding:0 10px}.nav-btn{background:#0000;border:none;border-radius:10px;border-radius:var(--r-md);color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:600;overflow:hidden;padding:11px 14px;position:relative;text-align:left;transition:all .18s cubic-bezier(.25,.46,.45,.94);transition:all .18s var(--ease);width:100%}.nav-btn:before{background:#7fb3ff;border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .18s cubic-bezier(.25,.46,.45,.94);transition:height .18s var(--ease);width:3px}.nav-btn:hover{background:#ffffff1a;color:#fff;transform:translateX(3px)}.nav-btn:hover:before{height:60%}.nav-btn.active{background:#ffffff2e;box-shadow:inset 0 1px 0 #ffffff26,0 2px 8px #00000026;color:#fff;font-weight:800}.nav-btn.active:before{height:80%}.side-bottom{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding:0 10px}.btn{background:linear-gradient(180deg,#1a3aad,navy 60%,#00005a);background:linear-gradient(180deg,#1a3aad 0,var(--primary) 60%,var(--primary-dk) 100%);border:none;border-radius:10px;border-radius:var(--r-md);border-top:1px solid #fff3;box-shadow:0 4px 0 #00005a,0 6px 20px #0000804d;box-shadow:var(--shadow-btn);color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;padding:11px 22px;position:relative;transition:all .15s cubic-bezier(.25,.46,.45,.94);transition:all .15s var(--ease);white-space:nowrap}.btn:after{background:linear-gradient(180deg,#ffffff1f,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.btn:hover{background:linear-gradient(180deg,#24c,#0010a0 60%,#000070);box-shadow:0 6px 0 #00005a,0 8px 24px #00008059;box-shadow:0 6px 0 var(--primary-dk),0 8px 24px #00008059;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 0 #00005a,0 4px 12px #00008040;box-shadow:var(--shadow-btn-hover);transform:translateY(2px)}.btn:disabled{box-shadow:0 2px 0 #00003c4d;cursor:not-allowed;opacity:.45;transform:none}.btn-sm{border-radius:6px;border-radius:var(--r-sm);box-shadow:0 3px 0 #00005a,0 4px 12px #00008038;box-shadow:0 3px 0 var(--primary-dk),0 4px 12px #00008038;font-size:11px;padding:6px 13px}.btn-sm:hover{box-shadow:0 4px 0 #00005a,0 6px 16px #00008047;box-shadow:0 4px 0 var(--primary-dk),0 6px 16px #00008047;transform:translateY(-1px)}.btn-sm:active{box-shadow:0 1px 0 #00005a;box-shadow:0 1px 0 var(--primary-dk);transform:translateY(1px)}.btn-outline{background:#fff;border:2px solid navy;border:2px solid var(--primary);box-shadow:0 3px 0 #00005040,0 4px 12px #0000501a;color:navy;color:var(--primary)}.btn-outline:after{display:none}.btn-outline:hover{background:#f0f4ff;background:var(--input-bg);box-shadow:0 5px 0 #00005040,0 8px 20px #00005026;transform:translateY(-2px)}.btn-outline:active{box-shadow:0 1px 0 #00005040;transform:translateY(1px)}.btn-danger{background:linear-gradient(180deg,#e03030,#c00 60%,#a00);background:linear-gradient(180deg,#e03030 0,var(--danger) 60%,#a00 100%);box-shadow:0 4px 0 #800,0 6px 20px #cc00004d}.btn-danger:hover{box-shadow:0 6px 0 #800,0 8px 24px #cc000059}.btn-danger:active{box-shadow:0 2px 0 #800}.btn-success{background:linear-gradient(180deg,#0a9a6a,#057a55 60%,#035c3f);background:linear-gradient(180deg,#0a9a6a 0,var(--success) 60%,#035c3f 100%);box-shadow:0 4px 0 #024d35,0 6px 20px #057a554d}.btn-success:hover{box-shadow:0 6px 0 #024d35,0 8px 24px #057a5559}.btn-wa{background:linear-gradient(180deg,#30dd76,#25d366 60%,#128c7e);background:linear-gradient(180deg,#30dd76 0,var(--wa) 60%,var(--wa-dk) 100%);box-shadow:0 4px 0 #0a7a40,0 6px 20px #25d3664d;color:#fff}.btn-wa:hover{box-shadow:0 6px 0 #0a7a40,0 8px 24px #25d36659}.btn-light{background:linear-gradient(180deg,#fff,#f0f4ff);background:linear-gradient(180deg,#fff 0,var(--input-bg) 100%);border:1px solid #b8c0d8;border:1px solid var(--border);box-shadow:0 3px 0 #00005026,0 4px 12px #00005014;color:navy;color:var(--primary)}.btn-light:after{display:none}.btn-light:hover{background:linear-gradient(180deg,#fff,#e8eeff);box-shadow:0 5px 0 #0000502e,0 6px 16px #0000501f}.card{background:#fff;background:var(--white);border:1px solid #00005014;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 0 0 1px #0000500f,0 4px 16px #0000501a,0 12px 40px #00005014;box-shadow:var(--shadow-card);margin-bottom:20px;padding:22px 24px;position:relative;transition:box-shadow .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.card:before{background:linear-gradient(90deg,navy,#1a56db,navy);background:linear-gradient(90deg,var(--primary),var(--primary-lt),var(--primary));border-radius:14px 14px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.card:hover{box-shadow:0 0 0 1px #00005014,0 8px 28px #00005024,0 20px 60px #0000501a;transform:translateY(-1px)}.card:hover:before{opacity:1}.card-title{align-items:center;color:navy;color:var(--primary);display:flex;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;gap:8px;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}.card-title:before{background:linear-gradient(180deg,#1a56db,navy);background:linear-gradient(180deg,var(--primary-lt),var(--primary));border-radius:2px;content:"";display:inline-block;flex-shrink:0;height:14px;width:4px}.kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));margin-bottom:20px}.kpi-card{align-items:center;background:#fff;background:var(--white);border:1px solid #00005014;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 4px 12px #0000501a,0 2px 4px #00005014;box-shadow:var(--shadow-md);display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s var(--ease)}.kpi-card:after{background:currentColor;border-radius:0 0 14px 14px;border-radius:0 0 var(--r-lg) var(--r-lg);bottom:0;content:"";height:3px;left:0;opacity:.15;position:absolute;right:0}.kpi-card:hover{box-shadow:0 8px 28px #00005024,0 4px 10px #0000501a;box-shadow:var(--shadow-lg);transform:translateY(-3px) scale(1.01)}.kpi-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.kpi-icon,.kpi-value{font-size:28px;line-height:1}.kpi-value{font-family:Rajdhani,sans-serif;font-weight:900;letter-spacing:-.5px}.kpi-label{color:#4a5070;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;margin-top:3px}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.table-wrap{-webkit-overflow-scrolling:touch;background:#fff;background:var(--white);border:1px solid #00005014;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 0 0 1px #0000500f,0 4px 16px #0000501a,0 12px 40px #00005014;box-shadow:var(--shadow-card);overflow-x:auto}.r-table{border-collapse:collapse;min-width:600px;width:100%}.r-table th,.r-th{background:linear-gradient(180deg,#0a1899,navy);background:linear-gradient(180deg,#0a1899 0,var(--primary) 100%);color:#fff;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:13px 16px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.r-table th:not(:last-child):after{background:#ffffff26;bottom:25%;content:"";position:absolute;right:0;top:25%;width:1px}.r-table td,.r-td{border-bottom:1px solid #f4f6fb;border-bottom:1px solid var(--surface);color:#0d0d1a;color:var(--text);font-size:13px;padding:11px 16px;transition:background .12s;vertical-align:middle}.r-table tr:last-child td{border-bottom:none}.r-table tr:hover td{background:#f0f4ff}.r-table tr:nth-child(2n) td{background:#fafbff}.r-table tr:nth-child(2n):hover td{background:#eef2ff}.r-input,.r-select,.r-textarea{background:#f0f4ff;background:var(--input-bg);border:1.5px solid #b8c0d8;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--r-md);box-shadow:inset 0 2px 4px #0000501a;box-shadow:var(--shadow-inset);color:#0d0d1a;color:var(--text);font-size:13px;font-weight:500;outline:none;padding:10px 14px;transition:all .18s cubic-bezier(.25,.46,.45,.94);transition:all .18s var(--ease);width:100%}.r-input:focus,.r-select:focus,.r-textarea:focus{background:#fff;border-color:navy;border-color:var(--primary);box-shadow:0 0 0 3px #0000801f,inset 0 2px 4px #0000501a;box-shadow:0 0 0 3px #0000801f,var(--shadow-inset)}.r-input:hover:not(:focus),.r-select:hover:not(:focus){border-color:#1a56db;border-color:var(--primary-lt)}.r-input.error,.r-select.error{border-color:#c00;border-color:var(--danger);box-shadow:0 0 0 3px #cc00001a}.r-label{color:navy;color:var(--primary);display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;margin-bottom:6px;text-transform:uppercase}.field-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field-error{color:#c00;color:var(--danger);font-size:11px;font-weight:600}.grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.pill{border-radius:100px;border-radius:var(--r-pill);box-shadow:0 1px 3px #0000001a;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.filter-bar,.pill{align-items:center}.filter-bar{background:#fff;background:var(--white);border:1px solid #0000500f;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00005014,0 1px 2px #0000500f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:14px 16px}.filter-bar .r-input,.filter-bar .r-select{flex:1 1 160px;max-width:260px;min-width:0}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00002899;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:slideUp .2s cubic-bezier(.34,1.56,.64,1);animation:slideUp .2s var(--ease-bounce);background:#fff;background:var(--white);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 20px 60px #0000502e,0 8px 20px #0000501f,0 0 0 1px #00005014;box-shadow:var(--shadow-xl),0 0 0 1px #00005014;max-height:92vh;max-width:520px;overflow-y:auto;padding:30px;position:relative;width:100%}.modal-box:before{background:linear-gradient(90deg,navy,#1a56db,navy);background:linear-gradient(90deg,var(--primary),var(--primary-lt),var(--primary));border-radius:20px 20px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{color:navy;color:var(--primary);font-size:17px;font-weight:800}.modal-close{align-items:center;background:#fee2e2;background:var(--danger-lt);border:none;border-radius:6px;border-radius:var(--r-sm);color:#c00;color:var(--danger);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:all .15s;width:32px}.modal-close:hover{background:#c00;background:var(--danger);color:#fff;transform:scale(1.05)}.alert{align-items:center;border-radius:10px;border-radius:var(--r-md);box-shadow:0 1px 3px #00005014,0 1px 2px #0000500f;box-shadow:var(--shadow-sm);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:14px;padding:11px 16px}.alert-danger{background:#fee2e2;background:var(--danger-lt);border-left:4px solid #c00;border-left:4px solid var(--danger);color:#8b0000}.alert-success{background:#d1fae5;background:var(--success-lt);border-left:4px solid #057a55;border-left:4px solid var(--success);color:#064e35}.alert-info{background:#f0f4ff;background:var(--input-bg);border-left:4px solid navy;border-left:4px solid var(--primary);color:navy;color:var(--primary)}.alert-warning{background:#fef3c7;background:var(--warning-lt);border-left:4px solid #c27803;border-left:4px solid var(--warning);color:#854d0e}.auth-container{align-items:center;background:radial-gradient(ellipse at 20% 20%,#00008026 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#0014c81a 0,#0000 50%),#d8dce8;background:radial-gradient(ellipse at 20% 20%,#00008026 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#0014c81a 0,#0000 50%),var(--bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);animation:slideUp .3s var(--ease-bounce);background:#fff;background:var(--white);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 20px 60px #0000502e,0 8px 20px #0000501f,0 0 0 1px #0000500f;box-shadow:var(--shadow-xl),0 0 0 1px #0000500f;max-width:430px;overflow:hidden;padding:44px 40px;position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,#00005a,#1a56db,#00005a);background:linear-gradient(90deg,var(--primary-dk),var(--primary-lt),var(--primary-dk));content:"";height:5px;left:0;position:absolute;right:0;top:0}.auth-card:after{background:radial-gradient(circle,#0000800d 0,#0000 70%);border-radius:50%;bottom:-60px;content:"";height:200px;pointer-events:none;position:absolute;right:-60px;width:200px}.auth-logo{margin-bottom:30px;text-align:center}.auth-title{color:navy;color:var(--primary);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;letter-spacing:3px;margin:10px 0 4px}.auth-sub{color:#4a5070;color:var(--text-muted);font-size:12px;letter-spacing:1px}.status-dot{border-radius:50%;flex-shrink:0;height:10px;position:relative;width:10px}.status-dot.on{animation:pulse-green 2s ease infinite;background:#25d366;background:var(--wa);box-shadow:0 0 0 3px #25d36633,0 0 10px #25d366;box-shadow:0 0 0 3px #25d36633,0 0 10px var(--wa)}.status-dot.off{background:#c00;background:var(--danger);box-shadow:0 0 0 3px #c003,0 0 8px #c00;box-shadow:0 0 0 3px #c003,0 0 8px var(--danger)}.status-dot.wait{animation:pulse-yellow 1.5s ease infinite;background:#c27803;background:var(--warning);box-shadow:0 0 0 3px #c2780333,0 0 8px #c27803;box-shadow:0 0 0 3px #c2780333,0 0 8px var(--warning)}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #25d36633,0 0 10px #25d366;box-shadow:0 0 0 3px #25d36633,0 0 10px var(--wa)}50%{box-shadow:0 0 0 6px #25d3661a,0 0 20px #25d366;box-shadow:0 0 0 6px #25d3661a,0 0 20px var(--wa)}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 0 3px #c2780333,0 0 8px #c27803;box-shadow:0 0 0 3px #c2780333,0 0 8px var(--warning)}50%{box-shadow:0 0 0 6px #c278031a,0 0 16px #c27803;box-shadow:0 0 0 6px #c278031a,0 0 16px var(--warning)}}.tree-container{background:#fff;background:var(--white);border:1px solid #00005014;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 0 0 1px #0000500f,0 4px 16px #0000501a,0 12px 40px #00005014;box-shadow:var(--shadow-card);overflow-x:auto;padding:22px}.page-title{align-items:center;color:navy;color:var(--primary);display:flex;font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;gap:10px;letter-spacing:1px;margin-bottom:22px}.page-title:after{background:linear-gradient(90deg,#00008040,#0000);border-radius:1px;content:"";flex:1 1;height:2px}.page-subtitle{color:#4a5070;color:var(--text-muted);font-size:13px;font-weight:500;margin-bottom:18px}.section-divider{align-items:center;display:flex;gap:10px;margin:12px 0 16px}.section-divider:after,.section-divider:before{background:linear-gradient(90deg,#0000,#00008033,#0000);content:"";flex:1 1;height:1px}.section-divider span{color:navy;color:var(--primary);font-family:Rajdhani,sans-serif;font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap}.loading-screen{align-items:center;color:navy;color:var(--primary);display:flex;font-size:14px;font-weight:700;gap:12px;justify-content:center;min-height:220px}.spinner{animation:spin .7s linear infinite;border:3px solid #00008026;border-radius:50%;border-top:3px solid var(--primary);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.invite-box{display:flex;gap:6px}.invite-input{background:#ffffff1f;border:1px solid #fff3;border-radius:6px;border-radius:var(--r-sm);color:#fff;flex:1 1;font-size:10px;outline:none;padding:8px 10px}.copy-btn{background:#ffffff2e;border:1px solid #ffffff40;border-radius:6px;border-radius:var(--r-sm);color:#fff;cursor:pointer;font-size:13px;padding:7px 12px;transition:background .15s}.copy-btn:hover{background:#ffffff47}.qr-img{border:4px solid navy;border:4px solid var(--primary);border-radius:10px;border-radius:var(--r-md);box-shadow:0 8px 28px #00005024,0 4px 10px #0000501a;box-shadow:var(--shadow-lg);display:block;height:200px;margin:14px auto;width:200px}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.main-content{padding:24px 18px}.hide-tablet{display:none!important}.grid-2{grid-template-columns:1fr}}@media (max-width:680px){.topbar{display:flex}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:72px 14px 14px;padding-top:calc(var(--header-h) + 14px)}.auth-card{padding:30px 22px}.grid-2{grid-template-columns:1fr}.kpi-grid{gap:10px;grid-template-columns:1fr 1fr}.kpi-icon,.kpi-value{font-size:22px}.filter-bar{flex-direction:column;padding:12px}.filter-bar .r-input,.filter-bar .r-select{max-width:100%}.table-wrap{border-radius:8px}.btn-row{flex-direction:column!important}.btn-row .btn{width:100%}.modal-box{border-radius:14px;border-radius:var(--r-lg);max-width:100%;padding:22px 18px}.page-title{font-size:18px}.card{padding:16px}.bot-filters,.charts-grid{grid-template-columns:1fr!important}.r-table{min-width:500px}.hide-mobile{display:none!important}}@media (max-width:400px){.kpi-grid{grid-template-columns:1fr}.auth-card{padding:26px 16px}}
/*# sourceMappingURL=main.095cbf0e.css.map*/