@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1220;background-color:#f7f9ff;line-height:1.6;font-size:15px;--bg: #f7f9ff;--panel: rgba(255, 255, 255, .78);--panelSolid: #ffffff;--text: #0b1220;--muted: #4b5563;--hairline: rgba(15, 23, 42, .1);--shadowSm: 0 8px 20px rgba(2, 6, 23, .06);--shadowMd: 0 24px 70px rgba(2, 6, 23, .1);--accent: #2da8ff;--accentSoft: rgba(45, 168, 255, .16);--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--r-lg: 22px;--r-xl: 28px;--ease: cubic-bezier(.2, .8, .2, 1);--dur-1: .15s;--dur-2: .25s;--dur-3: .45s}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(circle at 15% 20%,rgba(45,168,255,.2),transparent 45%),linear-gradient(180deg,#fff,#f4f6ff 40%,#f7f9ff);color:var(--text);overflow-x:hidden}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.8),transparent 45%)}body:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Crect width='120' height='120' fill='none' stroke='%23b3b3b3' stroke-opacity='0.08' stroke-width='0.5'/%3E%3C/svg%3E");opacity:.35}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0}button,input,select,textarea{font:inherit}.ambient-blob{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(70px);opacity:.3;z-index:-2;animation:float var(--dur-3) var(--ease) infinite alternate}.blob-one{background:#2da8ff59;top:-120px;right:-60px}.blob-two{background:#ffcade59;bottom:-100px;left:-40px}@keyframes float{to{transform:translateY(-20px) scale(1.05)}}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;color:var(--text)}.sidebar{position:relative;padding:2rem 1.75rem;background:#ffffffbf;border-right:1px solid var(--hairline);box-shadow:var(--shadowSm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:1.25rem}.sidebar:after{content:"";position:absolute;inset:1rem;border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.25);pointer-events:none}.sidebar-brand{display:flex;flex-direction:column;gap:.25rem}.brand{font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent)}.sidebar-subtitle{font-size:.85rem;color:var(--muted)}.sidebar-section{display:flex;flex-direction:column;gap:.4rem}.section-title{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:#0f172a80;margin-bottom:.4rem}.sidebar-link{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--text);padding:.5rem .85rem;border-radius:999px;transition:transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease);font-weight:600;position:relative}.sidebar-link svg{color:var(--accent)}.sidebar-link:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:5px;height:0;border-radius:999px;background:linear-gradient(180deg,#2da8ff,#64c8ff);transition:height var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease);opacity:0}.sidebar-link.active{background:#2da8ff26;transform:translate(4px)}.sidebar-link.active:before{height:60%;opacity:1}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;gap:.6rem}.sidebar-email{font-size:.8rem;color:var(--muted)}.sidebar-logout{width:40px;height:40px;border-radius:50%;border:1px solid var(--hairline);background:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--dur-1) var(--ease)}.sidebar-logout:hover{transform:scale(1.05)}.content{padding:2rem 2.5rem;background:transparent;display:flex;flex-direction:column;gap:1.2rem}.content-header{padding:1.5rem}.content-body{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;justify-content:space-between;border-right:none;position:sticky;top:0;z-index:10}.sidebar-section{width:100%}}.glass-card{border-radius:var(--r-xl);background:var(--panel);border:1px solid var(--hairline);box-shadow:var(--shadowSm);padding:1.5rem;position:relative;overflow:hidden;transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.glass-card--clickable{cursor:pointer}.glass-card:before,.glass-card-gloss{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffffe6,#fff0);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease)}.glass-card:hover{transform:translateY(-6px);box-shadow:var(--shadowMd)}.glass-card:hover .glass-card-gloss{opacity:.35}.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.page-grid{display:flex;flex-direction:column;gap:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.pack-card{cursor:pointer;display:flex;flex-direction:column;gap:.6rem;min-height:220px}.pack-card--active{border-color:var(--accent);box-shadow:0 25px 60px #2da8ff26}.pack-card__header{display:flex;justify-content:space-between;align-items:center}.pack-card__tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.pack-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.pack-actions{display:flex;gap:.5rem}.muted-text{color:var(--muted);margin-bottom:.35rem}.batch-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center}.batch-row strong{font-size:1.25rem}.batch-row .progress-bar{width:100%}.audit-feed li{padding-bottom:.5rem}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.panel-header h2,.panel-header h3{margin:0;font-size:clamp(1.75rem,2vw,2rem);color:var(--text)}.panel-header p{margin:0;color:var(--muted)}.filters,.pack-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin:1rem 0}input,select,textarea{width:100%;background:#ffffffb3;border:1px solid var(--hairline);border-radius:16px;padding:.75rem 1rem;color:var(--text);font-size:.95rem;transition:border var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.xsuit-input{background:#ffffffd9;border-radius:16px;border:1px solid rgba(15,23,42,.1);padding:.75rem 1rem;width:100%;color:var(--text);transition:border var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2da8ff33;outline:none}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem;color:var(--text)}thead th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#0f172a8c;padding:.6rem 0}tbody tr{border-top:1px solid rgba(15,23,42,.04);transition:background var(--dur-1) var(--ease)}tbody tr:nth-child(2n){background:#0f172a05}tbody tr:hover{background:#2da8ff1a}td{padding:.65rem 0}.empty-state{color:var(--muted);padding:1.5rem 0}.link-button{border:none;background:transparent;color:var(--accent);cursor:pointer;padding:0;font-weight:600}.premium-table{width:100%;border-radius:20px;border:1px solid rgba(15,23,42,.08);overflow:hidden;background:#fffc;box-shadow:var(--shadowSm)}.premium-table table{width:100%}.premium-table thead{background:#f2f6ff}.premium-table th,.premium-table td{padding:.75rem 1rem}.premium-table tbody tr:nth-child(odd){background:#0f172a05}.premium-table tbody tr:hover{background:#2da8ff1f}.premium-table--sticky thead{position:sticky;top:0;z-index:5}.stat-card{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;background:#ffffffe6;padding:1rem 1.25rem;border-radius:var(--r-lg);border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadowSm);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadowMd)}.stat-card__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accentSoft);color:var(--accent);font-size:1.2rem}.stat-card__title{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stat-card__value{margin:0;font-size:1.5rem}.stat-card__delta{font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;background:#0000000d}.stat-card__delta--success{color:var(--success);background:#16a34a26}.stat-card__delta--warning{color:var(--warning);background:#f59e0b33}.stat-card__delta--danger{color:var(--danger);background:#ef444433}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.6rem}.page-header__tag{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.page-header__actions{display:flex;gap:.5rem}.xsuit-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.xsuit-tab{background:#0f172a0a;border-radius:999px;border:1px solid transparent;padding:.45rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:border var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.xsuit-tab--active{background:#2da8ff1f;border-color:var(--accent);color:var(--accent)}.xsuit-button{font-size:.95rem}.xsuit-button:hover{transform:translateY(-1px)}.xsuit-button:active{transform:translateY(1px) scale(.98)}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:min(960px,100%);border-radius:var(--r-xl);overflow:hidden}.login-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;align-items:stretch}.login-banner{background:linear-gradient(160deg,#2da8ff59,#ffffffd9);border-radius:var(--r-xl);padding:2rem;display:flex;flex-direction:column;gap:.6rem;font-weight:600;color:var(--text);box-shadow:inset 0 0 0 1px #ffffff80}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form h3{margin:0}.login-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--muted)}.form-error{color:var(--danger);font-size:.85rem}.demo-credentials{background:#0f172a0a;border-radius:12px;padding:.85rem;font-size:.85rem;line-height:1.4}@media(max-width:640px){.glass-card,.login-card{padding:1rem}}.modal-card,.drawer-panel{background:var(--panelSolid);border-radius:var(--r-xl);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadowMd);padding:1.5rem;position:relative;overflow:hidden}.xsuit-drawer{position:fixed;inset:0;display:flex;justify-content:flex-end;z-index:40;pointer-events:none;opacity:0;transition:opacity var(--dur-2) var(--ease)}.xsuit-drawer.open{pointer-events:all;opacity:1}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer-panel{width:clamp(360px,95vw,560px);margin:1.5rem;pointer-events:all;display:flex;flex-direction:column;gap:1.25rem;transform:translate(40px);transition:transform var(--dur-3) var(--ease)}.xsuit-drawer.open .drawer-panel{transform:translate(0)}.drawer-panel header,.modal-card header{display:flex;justify-content:space-between;align-items:center}.drawer-panel header h3,.modal-card header h3{margin:0;color:var(--text);font-size:1.25rem}.drawer-close,.modal-card button{background:transparent;border:none;color:var(--text);font-size:1.2rem;cursor:pointer}.xsuit-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:50}.modal-card{width:min(520px,94vw);animation:zoomIn var(--dur-2) var(--ease)}.drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.drawer-tabs{margin-bottom:.5rem}.drawer-content{padding:0}.drawer-access{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}