:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292631;background:#f8f7f5;font-synthesis:none;font-weight:400;font-size:14px;line-height:1.5;--purple:#7047a5;--purple-dark:#593687;--purple-light:#f0eaf8;--border:#e8e5eb;--muted:#797580;--surface:#fff;--shadow:0 3px 18px #30213e06}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,input,select{outline-offset:3px}:focus-visible{outline:3px solid #9b7bc8;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:32px;letter-spacing:-1.3px;font-weight:750;line-height:1.3}h2{font-size:16px;letter-spacing:-.3px;font-weight:750}h3{font-size:15px;font-weight:700}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}.nowrap{white-space:nowrap}.amount{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:20;top:10px;left:10px;transform:translateY(-150%);padding:12px 18px;background:var(--purple);color:#fff;border-radius:8px}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid #ded9e5;background:#fff;border-radius:8px;font-weight:600;font-size:13px;line-height:1.4;color:#49424f;white-space:nowrap;transition:background .15s,border-color .15s}.button:hover:not(:disabled){background:#f7f4fb;border-color:#c5b7d7}.button.primary{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 2px 3px #7047a518}.button.primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.button.ghost{background:transparent;border-color:transparent;justify-content:flex-start;color:#6d6676}.button.compact{min-height:33px;padding:6px 10px;font-size:12px}.button.danger{background:#a63e4b;border-color:#a63e4b;color:#fff}.danger-text{color:#a63e4b}.text-button{padding:0;border:0;background:none;color:var(--purple);font-weight:600;text-align:left;cursor:pointer}.text-button:hover,.text-link:hover{text-decoration:underline}.text-link{color:var(--purple);font-weight:600;font-size:12px;white-space:nowrap}.row-actions{display:flex;gap:7px;align-items:center}.icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.icon svg{width:100%;height:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--border);padding:34px 20px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,system-ui,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;width:37px;height:42px;border-radius:12px 12px 16px;font-family:Georgia,serif;font-size:34px;font-style:italic;font-weight:400;padding-bottom:6px}.brand small{display:block;font-size:8px;font-weight:650;color:#8b8294;letter-spacing:2.1px;margin-top:1px}.sidebar .brand{margin-left:8px}.nav-label{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#a39ba9;margin:45px 14px 13px}.navigation{display:flex;flex-direction:column;gap:6px}.nav-link{min-height:45px;display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:8px;font-weight:500;color:#7d7585}.nav-link:hover{background:#f8f6fa;color:#5c4773}.nav-link.active{color:var(--purple);background:var(--purple-light);font-weight:650}.sidebar-bottom{margin-top:auto;padding-top:30px}.workspace-indicator{font-size:11px;color:#8a8192;border-top:1px solid var(--border);padding:21px 12px 8px;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#739f7f;border-radius:50%;display:inline-block}.logout{width:100%;margin-top:5px}.workspace{margin-left:242px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--border);background:#fff9}.topbar-left{display:flex;gap:12px;align-items:center;font-size:12px}.admin-identity{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.admin-identity small{display:block;font-size:10px;font-weight:400;margin-top:1px}.avatar{width:34px;height:34px;border:1px solid #e2d6ee;border-radius:50%;background:#f0e9f8;color:var(--purple);display:flex;align-items:center;justify-content:center;font-weight:700}.content{padding:36px 42px 25px;max-width:1600px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading p{margin-top:8px;font-size:13px}.eyebrow{font-size:9px;color:#9b8aa9;font-weight:700;letter-spacing:1.8px;margin-bottom:8px}.page-heading .eyebrow{display:none}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 42px;color:#9a929f;font-size:10px;border-top:1px solid #eeebef;margin-top:20px}.global-notice{padding:0 42px}.global-notice:not(:empty){padding-top:20px}.notice{padding:12px 15px;border:1px solid #ded1ed;background:#f5f0fb;color:#674d81;border-radius:8px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notice.error{background:#fff4f2;border-color:#f1d5d2;color:#a14045}.mobile-menu,.sidebar-backdrop{display:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:28px}.metric-card{padding:21px 21px 19px;border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#79707f;font-size:12px;gap:12px}.metric-top .icon{background:#f7f4fb;width:30px;height:30px;padding:6px;border-radius:8px;color:#9479ae}.metric-value{font-family:Manrope,system-ui,sans-serif;font-size:29px;font-weight:750;letter-spacing:-1.3px;margin:15px 0 8px;line-height:1.2;overflow-wrap:anywhere}.metric-card .small{font-size:10px;line-height:1.7}.panel{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 23px}.panel-heading p{margin-top:4px;font-size:11px}.result-count{display:inline-block;padding:1px 8px;background:#f1edf6;color:#84649e;font-family:DM Sans,sans-serif;font-size:11px;border-radius:5px;margin-left:5px;vertical-align:middle}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#928898;font-weight:500;font-size:10px;letter-spacing:.2px;background:#fcfbfd;border-top:1px solid #f0edf3;border-bottom:1px solid #ebe7ef;white-space:nowrap;padding:12px 19px}td{padding:17px 19px;border-bottom:1px solid #f0edf3;vertical-align:middle;max-width:330px;overflow-wrap:anywhere}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfcfe}.person{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:100px}.person strong{font-size:12px;font-weight:550}.person .small{font-size:10px}.badge{display:inline-block;padding:3px 8px;font-size:10px;border-radius:5px;font-weight:550;white-space:nowrap;text-transform:capitalize;background:#f0edf3;color:#7d6c8b}.badge.positive{background:#edf6ef;color:#4b885d}.badge.pending{background:#fff5df;color:#ac8530}.badge.neutral{background:#f1f0f3;color:#8d8495}.badge.purple{background:#f2eafa;color:#8054a3}.overview-context{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.context-card{display:flex;align-items:flex-start;gap:15px;padding:23px;border:1px solid var(--border);background:#fff;border-radius:10px}.context-card h3{font-size:13px}.context-card p{margin:6px 0 10px;font-size:11px}.context-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#f2edf8;color:#9575ad}.data-note{color:#9a909f;font-size:10px;margin:15px 0;line-height:1.6}.filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field-label{font-size:11px;font-weight:600;color:#756b7c}.field-hint{font-size:10px;line-height:1.6;color:#94899c}.filters>.field:first-child{flex:1;min-width:210px}.filters>.field:not(:first-child){width:140px}.filters input,.filters select{font-size:12px}.filter-actions{display:flex;gap:8px}.field input,.field select,.pagination select{border:1px solid #e1dce7;border-radius:7px;min-height:39px;padding:8px 11px;color:#4f455a;background:#fff;max-width:100%;width:100%}.field input::placeholder{color:#aaa0b2}.field input:focus,.field select:focus{border-color:#b296cd}.pagination{padding:17px 20px;border-top:1px solid #eeeaf2;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.pagination-controls{display:flex;gap:10px;align-items:center}.pagination select{width:auto;min-height:33px;font-size:11px;padding:5px 8px}.pagination .small{font-size:10px;color:#93889d}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:220px;color:#9688a1;font-size:13px}.spinner{width:18px;height:18px;border:2px solid #e9dff1;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{padding:52px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.state-symbol{height:42px;width:42px;border-radius:12px;background:#f3edf8;display:flex;align-items:center;justify-content:center;color:#9a80ae;font-size:22px}.state h3{font-size:15px}.state p{max-width:450px;font-size:12px}.state .button{margin-top:5px}.dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #e5dceb;border-radius:14px;background:#fff;color:#302837;box-shadow:0 25px 90px #24132b33;overflow:auto}.dialog-wide{width:min(810px,calc(100vw - 32px))}.dialog::backdrop{background:#2a1f3b66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid #eee9f3}.dialog-heading h2{font-size:19px}.dialog-heading p{margin-top:5px}.dialog-close{background:#f7f4fa;border:0;width:30px;height:30px;border-radius:7px;color:#9d8da9;font-size:24px;line-height:1;flex-shrink:0}.dialog-body{padding:24px}.dialog-body>.notice,.dialog-body>div>.notice{margin-top:15px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid #eee9f3;background:#fdfbff}.stack{display:flex;flex-direction:column;gap:18px}.link-preview{padding:14px;border:1px solid #e9e0f1;background:#faf7fd;border-radius:8px;overflow-wrap:anywhere;font-size:11px;margin:20px 0 10px}.confirm-code{padding:16px;background:#f6f2fa;border-radius:8px;margin:18px 0 0}.dialog-body table{margin-top:18px}.dialog-body th,.dialog-body td{padding:12px}.order-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:22px;border-bottom:1px solid #ede7f2;overflow-wrap:anywhere}.order-summary .small{font-size:10px;margin-top:5px}.order-summary-amount{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.order-summary-amount strong{font-size:22px;font-family:Manrope,sans-serif;letter-spacing:-.7px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-section{padding-top:24px}.detail-section h3{color:#73607f;font-size:12px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px}.details{margin:0;display:flex;flex-direction:column;gap:12px}.details>div{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:12px}.details dt{color:#9c8da6;font-size:11px}.details dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}.payment-record{border:1px solid #eae2f1;border-radius:8px;padding:17px;margin-top:12px}.payment-record>.badge{margin-bottom:13px}.login-layout{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;background:radial-gradient(ellipse at 20% 20%,#efe7f755,transparent 55%),#f8f7f5}.login-card{width:100%;max-width:448px;border:1px solid #e6dfec;background:#fff;border-radius:18px;padding:40px;box-shadow:0 16px 70px #36223c08}.login-card .brand{margin-bottom:43px}.login-card .eyebrow{font-size:8px;letter-spacing:1.45px;margin-bottom:10px}.login-card h1{font-size:30px}.login-card>p{font-size:12px;margin-top:10px}.login-card>.notice{margin-top:20px}.login-form{display:flex;flex-direction:column;gap:18px;margin-top:28px}.login-form .primary{width:100%;margin-top:2px;min-height:43px}.login-footnote{color:#a598ae;text-align:center;font-size:9px!important;margin-top:25px!important}.login-note{font-size:11px;color:#aa9eb3;text-align:center;max-width:330px;margin-top:24px}.bootstrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.bootstrap .loading{min-height:140px}@media(min-width:1500px){.content{padding-top:44px}.metric-value{font-size:34px}.metric-card{padding:25px}.topbar{padding-left:48px;padding-right:48px}}@media(max-width:1200px){.sidebar{width:218px;padding-left:15px;padding-right:15px}.workspace{margin-left:218px}.content{padding:30px 26px}.topbar,.global-notice{padding:0 26px}.footer{padding:20px 26px}.metrics{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:31px}.metric-card .small{font-size:11px}.overview-context{grid-template-columns:1fr}.filters>.field:not(:first-child){width:130px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:250px;z-index:30}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#20122d66;border:0;z-index:29}.workspace{margin-left:0}.mobile-menu{display:inline-flex;min-height:34px;padding:6px 10px;font-size:11px}.topbar{height:70px;padding:0 20px}.topbar-left>.muted{display:none}.admin-identity{font-size:11px}.avatar{width:30px;height:30px}.content{padding:25px 20px}.global-notice{padding:0 20px}.page-heading{gap:12px;margin-bottom:22px;align-items:flex-start}.page-heading h1{font-size:28px}.page-heading p{font-size:12px;max-width:260px}.page-heading>.button{font-size:11px;min-height:35px;padding:8px 11px;margin-top:2px}.metrics{gap:10px;margin-bottom:20px}.metric-card{padding:16px 14px}.metric-top{font-size:10px}.metric-top .icon{width:25px;height:25px;padding:5px}.metric-value{font-size:26px;margin-top:15px}.metric-card .small{font-size:9px}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:14px}.panel-heading .text-link,.panel-heading p{font-size:10px}.overview-context{margin-top:18px;gap:12px}.context-card{padding:18px}.filters{padding:15px;gap:11px}.filters>.field:first-child{min-width:100%;flex-basis:100%}.filters>.field:not(:first-child){width:auto;flex:1;min-width:110px}.filter-actions{margin-top:2px}.filter-actions .button{font-size:11px;min-height:36px}.filters input,.filters select{font-size:11px}.footer{padding:20px;font-size:9px;gap:8px;flex-direction:column}.pagination{padding:14px 15px;gap:12px}.pagination-controls{gap:6px;flex-wrap:wrap}.pagination .compact{font-size:10px;min-height:32px;padding:6px 8px}.pagination select{font-size:10px}.pagination-controls>.small{font-size:9px}.detail-grid{grid-template-columns:1fr;gap:0}.dialog-heading,.dialog-body{padding:20px}.dialog-footer{padding:16px 20px}.order-summary{flex-direction:column}.order-summary-amount{flex-direction:row;align-items:center}.dialog-heading h2{font-size:17px}.details>div{grid-template-columns:95px 1fr;gap:10px}.login-card{padding:30px 25px}.login-card .brand{margin-bottom:35px}.login-layout{padding:25px 18px}.dialog{max-height:calc(100dvh - 24px)}td{padding:15px 16px}th{padding:11px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
