:root{--fi-bg-main:#0b0f1a;--fi-bg-soft:#12162a;--fi-bg-card:#ffffff0f;--fi-border:#ffffff1f;--fi-text-main:#f2f2f7;--fi-text-muted:#f2f2f7b3;--fi-purple-strong:#6c4cff;--fi-purple-soft:#b7a7ff;--fi-gold:#f2c55c;--fi-radius-lg:18px;--fi-radius-md:14px;--fi-shadow:0 20px 50px #0009}html,body{overflow-x:hidden}body{min-height:100vh;color:var(--fi-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 35% -10%,#6c4cff59,#0000 60%),radial-gradient(900px 500px at 80% 0,#b7a7ff38,#0000 55%),linear-gradient(#14122a 0%,#0b0f1a 70%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.fi-muted{color:var(--fi-text-muted)}.fi-title{letter-spacing:-.4px;word-break:break-word;font-weight:900}.fi-chip{border:1px solid var(--fi-border);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.fi-shell{min-height:100vh;color:var(--fi-text-main);background:radial-gradient(1200px 600px at 35% -10%,#6c4cff59,#0000 60%),radial-gradient(900px 500px at 80% 0,#b7a7ff38,#0000 55%),linear-gradient(#14122a 0%,#0b0f1a 70%)}.fi-layout{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.fi-sidebar{background:linear-gradient(#3f2a868c,#141228d9);border-right:1px solid #ffffff1a;padding:22px 18px;overflow:hidden auto}.fi-brand{letter-spacing:.6px;align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.fi-brand-badge{background:linear-gradient(135deg,#6c4cffd9,#b7a7ff99);border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 30px #6c4cff40}.fi-nav{flex-direction:column;gap:10px;margin-top:18px;display:flex}.fi-nav a{color:var(--fi-text-main);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.fi-nav a:hover{background:#ffffff12;border-color:#ffffff1a}.fi-nav a.fi-active{background:#6c4cff29;border-color:#6c4cff40}.fi-topbar{background:0 0;justify-content:space-between;align-items:center;height:76px;padding:0 26px;display:flex}.fi-topbar .title{gap:4px;display:grid}.fi-topbar .hello{color:var(--fi-text-muted);font-size:16px}.fi-topbar .biz{letter-spacing:-.6px;font-size:34px;font-weight:900}.fi-icon-btn{cursor:pointer;width:38px;height:38px;color:var(--fi-text-main);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;place-items:center;display:grid}.fi-main{padding:0 26px 26px}.fi-card{background:var(--fi-bg-card);border:1px solid var(--fi-border);border-radius:var(--fi-radius-lg);box-shadow:var(--fi-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fi-card-inner{padding:18px}.fi-section-gap{gap:18px;display:grid}@media (max-width:980px){.fi-layout{grid-template-columns:1fr}}.fi-sidebar--business{background:radial-gradient(900px 700px at 30% 10%,#6c4cff40,#0000 55%),linear-gradient(#2f1b598c 0%,#141228eb 70%);padding:22px 18px}.fi-side-head{padding:12px 6px 18px}.fi-side-logo{letter-spacing:-1px;color:#f2f2f7e0;font-size:48px;font-weight:900}.fi-side-sub{letter-spacing:6px;color:#b7a7ffbf;margin-top:6px;font-size:14px;font-weight:900}.fi-side-nav{flex-direction:column;gap:10px;margin-top:10px;display:flex}.fi-side-item{color:#f2f2f7eb;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.fi-side-item:hover{background:#ffffff12;border-color:#ffffff1a}.fi-side-item--active{background:#6c4cff59;border-color:#6c4cff59}.fi-side-ic{background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.fi-side-tx{font-size:22px;font-weight:900}.fi-side-sep{height:10px}.fi-side-foot{opacity:.85;position:absolute;bottom:18px;left:18px;right:18px}.fi-side-biz{font-size:14px;font-weight:900}.fi-side-user{color:#f2f2f7b3;margin-top:3px;font-size:12px;font-weight:700}@media (max-width:980px){.fi-layout{grid-template-columns:1fr}.fi-sidebar{z-index:1000;width:280px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.fi-sidebar.open{transform:translate(0)}.fi-topbar{background:0 0;justify-content:flex-start;align-items:center;gap:20px;height:76px;padding:0 26px;display:flex}}.fi-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#00000073;position:fixed;inset:0}.fi-menu-btn{border:1px solid var(--fi-border);cursor:pointer;width:40px;height:40px;color:var(--fi-text-main);background:#ffffff0f;border-radius:12px;font-size:20px;display:none}@media (max-width:980px){.fi-menu-btn{place-items:center;display:grid}}.fi-sales-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.fi-sales-head>div{min-width:0}.fi-sales-tabs{gap:10px;display:flex}@media (max-width:768px){.fi-sales-head{flex-direction:column;align-items:flex-start;gap:20px}.fi-sales-tabs{width:100%}.fi-sales-tabs button{flex:1}.fi-title{font-size:26px!important}.fi-main{padding:6px!important}}.fi-users-head,.fi-users-row{grid-template-columns:minmax(180px,1fr) minmax(200px,1.5fr) minmax(140px,1fr) minmax(140px,auto);align-items:center;padding:12px 14px;display:grid}.fi-users-head{letter-spacing:.4px;color:#f2f2f7bf;border-bottom:1px solid #ffffff1a;font-size:12px;font-weight:900}.fi-users-row{border-bottom:1px solid #ffffff0f}@media (max-width:768px){.fi-users-head{display:none}.fi-users-row{grid-template-columns:1fr;gap:6px;padding:14px}.fi-users-row>div{justify-content:space-between;gap:10px;display:flex}}.fi-users-form-grid{grid-template-columns:1fr 1fr 220px;gap:12px;display:grid}@media (max-width:768px){.fi-users-form-grid{grid-template-columns:1fr}}.fi-sidebar::-webkit-scrollbar{width:6px}.fi-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}.fi-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff59}.fi-form-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}@media (max-width:768px){.fi-form-grid-2{grid-template-columns:1fr}}.fi-card,.fi-card-inner{min-width:0}
