@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas: hsl(220, 33%, 98%);--surface: hsl(0, 0%, 100%);--border: hsl(220, 20%, 94%);--text: hsl(220, 40%, 10%);--muted: hsl(220, 15%, 45%);--accent: hsl(220, 85%, 55%);--accent-soft: hsla(220, 85%, 55%, .1);--sidebar-bg: hsl(222, 47%, 11%);--sidebar-bg2: hsl(222, 47%, 18%);--sidebar-text: hsl(0, 0%, 100%);--sidebar-muted: hsla(0, 0%, 100%, .6);--sidebar-hover: hsla(0, 0%, 100%, .08);--sidebar-active: hsla(0, 0%, 100%, .12);--brand-accent: hsl(15, 90%, 60%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 12px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%}body{margin:0;min-width:320px;background:var(--canvas);color:var(--text)}*{box-sizing:border-box}:root{color-scheme:light}.authPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1000px 600px at 18% 12%,hsla(220,85%,55%,.1),transparent 60%),radial-gradient(900px 520px at 88% 22%,hsla(220,85%,55%,.08),transparent 55%),var(--canvas);padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.authCard{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transition:var(--transition)}.authCard:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--accent),var(--brand-accent))}.authHeader{margin-bottom:16px}.authCard--split{padding:0}.authSide,.authFormSide{padding:26px;min-width:0}.authFormSide{position:relative;z-index:1}@media(min-width:860px){.authCard.authCard--split{max-width:780px}.authCard--split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.authSide{border-right:1px solid var(--border);background:linear-gradient(160deg,var(--sidebar-bg),var(--sidebar-bg2));display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative;overflow:hidden;color:#fff}.authSide .authTitle{color:#fff}.authSide:after{content:"";position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:var(--accent);opacity:.1;filter:blur(60px);border-radius:50%}.authBrand{align-items:flex-start}}.authBrand{display:flex;align-items:center;gap:12px}.authMark{width:96px;height:96px;border-radius:22px;background:#edf3ff;border:1px solid #cfe0ff;display:grid;place-items:center;font-weight:800;color:#2f6fed}@media(min-width:860px){.authMark{width:120px;height:120px;border-radius:26px}}.authLogo{width:100%;height:100%;object-fit:contain;border-radius:inherit}.authTitle{margin:0;font-size:22px;line-height:1.2;font-weight:900}.authSubtitle{margin:4px 0 0;color:#6b7280;font-size:13px}.form{display:grid;gap:12px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field>span{font-size:.85rem;font-weight:600;color:var(--text);letter-spacing:-.01em}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;outline:none;background:var(--surface);transition:var(--transition);font-size:.95rem;color:var(--text)}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:translateY(-1px)}.inputRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}@media(max-width:420px){.authPage{padding:16px}.authMark{width:84px;height:84px;border-radius:20px}.authSide,.authFormSide{padding:20px}.inputRow{grid-template-columns:1fr}.iconInlineBtn{width:100%}}.iconInlineBtn{border:1px solid #d7dbe7;background:var(--surface);border-radius:10px;padding:10px 12px;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.iconInlineBtn:hover{background:#f3f6ff}.iconInlineBtn:focus{border-color:#cfe0ff;box-shadow:0 0 0 4px #2f6fed24}textarea{resize:vertical}.primaryBtn{width:100%;border:0;padding:12px 16px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #2b6cee40}.primaryBtn:hover{background:#135bec;transform:translateY(-2px);box-shadow:0 6px 16px #2b6cee59}.primaryBtn:active{transform:translateY(0)}.primaryBtn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.secondaryBtn{width:100%;border:1.5px solid var(--border);padding:12px 16px;border-radius:12px;background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;transition:var(--transition)}.secondaryBtn:hover{background:var(--canvas);border-color:var(--muted)}.hint{color:#6b7280;font-size:12px}.error{border:1px solid #f0b4b4;background:#fff1f1;color:#9b1c1c;padding:10px 12px;border-radius:10px;overflow-wrap:anywhere}.success{border:1px solid #a9e1bf;background:#ecfff3;color:#0f6b2c;padding:10px 12px;border-radius:10px}.muted{color:#6b7280}.shell{height:100vh;display:grid;grid-template-columns:280px 1fr;background:var(--canvas)}.shell--collapsed{grid-template-columns:86px 1fr}.shell--collapsed .brandText{display:none}.shell--collapsed .menu{padding:0}.shell--collapsed .menuItem{justify-content:center;padding:10px 8px}.shell--collapsed .menuLabel,.shell--collapsed .menuCaret,.shell--collapsed .submenuLabel{display:none}.shell--collapsed .submenu{padding-left:0}.sidebar{display:flex;flex-direction:column;border-right:0;background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg2));padding:20px 16px;gap:20px;box-shadow:inset -1px 0 #ffffff0d}.brand{padding:16px;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;background:#ffffff0d;display:flex;align-items:center;gap:12px;transition:var(--transition)}.brand:hover{background:#ffffff14;border-color:#fff3}.brandMark{width:38px;height:38px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;font-weight:700;color:var(--sidebar-text)}.brandLogo{width:100%;height:100%;object-fit:contain;border-radius:inherit}.brandText{min-width:0}.brandTitle{font-weight:700;color:var(--sidebar-text)}.brandSub{font-size:12px;color:var(--sidebar-muted)}.menu{padding:0;display:grid;gap:4px;align-content:start}.menu>.menuItem,.menu>.menuGroup{position:relative}.menu>.menuItem:not(:last-child):after,.menu>.menuGroup:not(:last-child):after{content:"";position:absolute;left:14px;right:14px;bottom:-3px;height:2px;background:#ffffff47;pointer-events:none}.shell--collapsed .sidebar{padding:10px;gap:10px}.shell--collapsed .brand{padding:12px}.menuGroup{display:grid;gap:2px}.menuCaret{margin-left:auto;color:var(--sidebar-muted);font-size:12px}.submenu{display:grid;gap:2px;padding-left:44px}.submenuItem{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--sidebar-text);position:relative;transition:background .12s ease,border-color .12s ease}.submenuItem:hover{background:var(--sidebar-hover)}.submenuItem.active{border-color:#ffffff40;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1f}.submenuIcon{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:12px;color:var(--sidebar-text)}.submenuLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.menuItem{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--sidebar-text);position:relative;transition:background .12s ease,border-color .12s ease}.menuIcon{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:12px;color:var(--sidebar-text)}.menuLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.menuItem:hover{background:var(--sidebar-hover)}.menuItem.active{border-color:#ffffff47;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff1f}.menuItem.active:before,.submenuItem.active:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:4px;height:18px;border-radius:999px;background:#fffffff2;pointer-events:none}.content{display:grid;grid-template-rows:56px 1fr;min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 10px #1118270f}.topbarLeft{display:flex;align-items:center;gap:10px;min-width:0}.iconBtn{border:1px solid var(--border);background:#ffffffe6;border-radius:10px;padding:8px 10px;cursor:pointer;transition:background .12s ease}.iconBtn:hover{background:#f3f6ff}.topbarTitle{font-weight:700;font-size:16px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbarRight{display:flex;align-items:center;gap:10px}.topbarLogo{width:30px;height:30px;object-fit:contain;border-radius:999px;border:1px solid var(--border);background:var(--canvas);padding:3px}.topbarUser{text-align:right;line-height:1.2}.topbarUserName{font-weight:600;font-size:13px}.topbarUserRole{color:var(--muted);font-size:12px}.topbar .secondaryBtn{width:auto;padding:8px 10px}.main{padding:16px;min-width:0;height:100%;overflow:hidden}.frame{width:100%;height:100%;border:0;border-radius:20px;background:transparent;box-shadow:var(--shadow-lg),0 0 0 1px var(--border)}.page{padding:24px;min-height:100%;background:radial-gradient(at 0% 0%,hsla(220,85%,55%,.03) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(15,90%,60%,.03) 0px,transparent 50%),var(--canvas);position:relative;overflow-x:hidden}.page--surface{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.4);border-radius:20px;box-shadow:var(--shadow-md)}.pageHeader{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.pageHeader h2{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.pageHeader p{margin:4px 0 0;font-size:.95rem;color:var(--muted)}@media(min-width:721px){.pageHeader .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.quickActionsStrip{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:24px}.quickActionsRow{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.dashboardSection{margin-bottom:32px}.dashboardSectionTitle{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.dashboardSectionTitle:before{content:"";width:4px;height:18px;background:var(--accent);border-radius:999px}.statsStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.compactForm{padding:12px;gap:10px}.compactForm .grid2,.compactForm .grid3,.compactForm .grid4{gap:10px}.compactForm .field{gap:4px}.compactForm .field>span{font-size:11px}.compactForm input:not([type=checkbox]):not([type=radio]),.compactForm select,.compactForm textarea{padding:8px 10px}.searchCard{padding:14px 16px;gap:10px}.searchCardHeader{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.searchCardTitle{font-size:12px;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.06em}.searchCardMeta{font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}.searchPanel{border:1px solid var(--border);background:var(--canvas);border-radius:12px;padding:12px;display:grid;gap:10px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.list{display:grid;gap:10px}.listRow{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.reportTableWrap{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.reportTable{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.reportTable tbody tr:last-child td{border-bottom:0}@media print{.noPrint{display:none!important}.page{padding:0}.card{border:0;padding:0}.reportTableWrap{border:0;border-radius:0}}.dashboardSection{margin-top:10px}.dashboardSectionTitle{font-size:12px;color:var(--muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}.chartsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chartCard{border:1px solid var(--border);border-color:color-mix(in srgb,var(--sidebar-bg) 18%,var(--border));background:var(--surface);border-radius:14px;box-shadow:0 6px 18px #1118270f;padding:12px;min-width:0}.chartCardWide{grid-column:1 / -1}.chartCardHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.chartCardHeaderRight{display:flex;align-items:center;gap:14px}.chartLegend{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:650}.chartLegendItem{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chartDot{width:10px;height:10px;border-radius:999px;display:inline-block}.chartCardTitle{font-size:14px;font-weight:800;color:var(--text)}.chartCardSub{font-size:12px;color:var(--muted);margin-top:2px}.chartCardLink{border:0;background:transparent;color:var(--text);font-size:13px;font-weight:650;cursor:pointer;text-decoration:underline}.chartWrap{height:250px;border:0;background:var(--surface);border-radius:12px;padding:10px;position:relative}.chartEmpty{position:absolute;inset:10px;display:grid;place-items:center;color:var(--muted);font-size:13px;pointer-events:none}.quickActionsRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quickActionsStrip{border:1px solid var(--border);background:var(--surface);border-radius:14px;box-shadow:0 6px 18px #1118270f;padding:12px}.quickBtn{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.quickBtn:hover{background:#11182708}.quickBtn:disabled{cursor:not-allowed;opacity:.6}.quickBtnIcon{width:26px;height:26px;border-radius:999px;border:1px solid var(--border);background:var(--canvas);display:grid;place-items:center;font-weight:900;font-size:12px;flex:0 0 auto}.quickBtnLabel{font-size:13px;font-weight:650;white-space:nowrap}.statsStrip{display:flex;align-items:stretch;border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #1118270f}.statsStrip .statCard+.statCard{border-left:1px solid var(--border)}.statCard{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:24px;display:flex;align-items:flex-start;gap:20px;text-align:left;cursor:pointer;transition:var(--transition);width:100%;position:relative;overflow:hidden}.statCard:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.statCard:disabled{cursor:not-allowed;opacity:.65}.statIcon{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;transition:var(--transition)}.statCard:hover .statIcon{background:var(--accent);color:#fff;transform:scale(1.1) rotate(-5deg)}.statMeta{display:flex;flex-direction:column;gap:4px}.statTitle{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.statValue{font-size:1.85rem;font-weight:800;color:var(--text);line-height:1.1}.statSub{font-size:.8rem;color:var(--muted);margin-top:4px}@media(max-width:980px){.statsStrip{overflow-x:auto}.chartsGrid{grid-template-columns:1fr}}@media(max-width:720px){.statsStrip{flex-direction:column}.statsStrip .statCard+.statCard{border-left:0;border-top:1px solid var(--border)}}@media(max-width:1100px){.shell{grid-template-columns:220px 1fr}}@media(max-width:900px){.grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto auto}.frame{height:75vh}.grid4,.grid3,.grid2{grid-template-columns:1fr}}