@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#171a2b;font-synthesis:none;--purple:#5b2dd8;--purple-dark:#4320b5;--muted:#74798c;--border:#e7e8ef;--nav:#111633;background:#f7f8fc;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #a78bfa66}.admin-shell{min-height:100vh}.sidebar{z-index:30;color:#fff;background:linear-gradient(#111735,#0d122b);flex-direction:column;width:244px;transition:all .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{align-items:center;height:74px;padding:0 21px;display:flex}.brand{color:#16192c;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7948f0,#4d25c5);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;position:relative;box-shadow:0 8px 22px #5b2dd84a}.brand-mark i{color:#ffd84a;font-size:10px;position:absolute;bottom:5px;right:5px}.brand>span:last-child{white-space:nowrap;flex-direction:column;display:flex}.brand strong{letter-spacing:-.2px;font-size:15px}.brand small{opacity:.58;margin-top:1px;font-size:10px}.brand-light{color:#fff}.sidebar nav{scrollbar-width:none;flex:1;padding:4px 12px 18px;overflow-y:auto}.nav-group{margin:15px 0}.nav-group>small{text-transform:uppercase;letter-spacing:1.25px;color:#717896;margin:0 10px 7px;font-size:9px;font-weight:700;display:block}.nav-group a{color:#b9bdd0;border-radius:9px;align-items:center;gap:12px;height:39px;margin:2px 0;padding:0 11px;font-size:12px;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative}.nav-group a:hover{color:#fff;background:#ffffff09}.nav-group a.active{color:#fff;background:linear-gradient(100deg,#6838e5,#4f25bd);box-shadow:0 8px 20px #3f22a73d}.nav-group a.active:before{content:"";background:#9e7bf7;border-radius:0 3px 3px 0;width:3px;height:19px;position:absolute;left:-12px}.sidebar-user{background:#ffffff09;border:1px solid #ffffff0b;border-radius:11px;align-items:center;gap:10px;margin:10px 12px 16px;padding:13px 16px;display:flex}.sidebar-user>span{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user strong{font-size:11px}.sidebar-user small{color:#9096b4;font-size:9px}.sidebar-user>svg{color:#7c849f}.admin-shell main{min-height:100vh;margin-left:244px;transition:all .25s}.topbar{z-index:20;background:#fff;border-bottom:1px solid #ececf2;align-items:center;gap:24px;height:74px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:13px;display:flex}.icon-btn{border:1px solid var(--border);color:#50566d;background:#fff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{color:var(--purple);background:#f5f2fe}.icon-btn.compact{background:0 0;border:0;width:30px;height:30px}.crumb{flex-direction:column;min-width:115px;display:flex}.crumb small{color:#8b8fa0;font-size:9px}.crumb strong{font-size:13px}.global-search{border:1px solid var(--border);color:#8b8fa0;background:#fafafe;border-radius:9px;align-items:center;width:min(420px,35vw);height:39px;margin:auto;padding:0 11px;display:flex}.global-search input{background:0 0;border:0;outline:0;flex:1;padding:0 10px;font-size:11px}.global-search kbd{background:#fff;border:1px solid #dedfe7;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{align-items:center;gap:8px;display:flex;position:relative}.notification{position:relative}.notification b{color:#fff;background:#ef3e6d;border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;display:grid;position:absolute;top:-4px;right:-3px}.profile-trigger{background:0 0;border:0;align-items:center;gap:8px;padding:3px 5px;display:flex}.profile-trigger>span:nth-child(2){flex-direction:column;align-items:flex-start;display:flex}.profile-trigger strong{font-size:11px}.profile-trigger small{color:#85899a;font-size:9px}.avatar{color:#39207e;background:linear-gradient(145deg,#e9ddff,#d8c8ff);border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar-sm{width:25px;height:25px;font-size:8px}.avatar-md{width:34px;height:34px;font-size:10px}.avatar-lg{width:55px;height:55px}.profile-menu{border:1px solid var(--border);background:#fff;border-radius:12px;width:185px;padding:7px;position:absolute;top:48px;right:0;box-shadow:0 16px 40px #16142a1c}.profile-menu button{background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px;font-size:11px;display:flex}.profile-menu button:hover{background:#f6f4fc}.profile-menu hr{border:0;border-top:1px solid var(--border)}.profile-menu .danger{color:#e54859}.content{max-width:1660px;margin:0 auto;padding:27px 30px 42px}.menu-mobile,.mobile-close{display:none}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:1.3px;margin-bottom:6px;font-size:9px;font-weight:700}.page-head h1{letter-spacing:-.8px;margin-bottom:5px;font-size:25px;line-height:1.2}.page-head p{color:var(--muted);margin:0;font-size:11px}.page-actions{gap:9px;display:flex}.btn{border:1px solid var(--border);color:#34384d;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.btn.primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 7px 17px #5b2dd82b}.btn.primary:hover{background:var(--purple-dark)}.btn.secondary:hover{color:var(--purple);border-color:#cabcf1}.range-select,.filterbar select,.report-filters select{border:1px solid var(--border);color:#42465a;background:#fff;border-radius:8px;height:38px;padding:0 32px 0 12px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:flex-start;gap:13px;min-height:113px;padding:18px;transition:all .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #17133d0b}.stat-icon{color:#6840df;background:#f1ebff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.tone-blue{color:#3478ec;background:#eaf2ff}.tone-green{color:#12a56f;background:#e6faf2}.tone-orange,.tone-amber{color:#ec8b21;background:#fff3e4}.tone-pink,.tone-red{color:#ec4774;background:#ffeaf0}.tone-cyan{color:#0b9eb6;background:#e6f9fb}.stat-body{flex-direction:column;display:flex}.stat-body>span{color:#777c8e;margin-bottom:5px;font-size:10px}.stat-body strong{letter-spacing:-.4px;font-size:18px}.stat-body small{color:#85899a;margin-top:8px;font-size:8.5px}.stat-body small.positive{color:#159b65}.dashboard-grid{grid-template-columns:1.75fr 1fr;gap:14px;margin-bottom:14px;display:grid}.chart-card,.side-list,.panel,.form-section,.settings-panel{border:1px solid var(--border);background:#fff;border-radius:12px}.chart-card{padding:19px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head h2{margin-bottom:4px;font-size:13px}.card-head p{color:#8a8e9e;font-size:9px}.chart-legend{gap:14px;font-size:9px;display:flex}.chart-legend span:before{content:"";border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.purple-dot:before{background:var(--purple)}.blue-dot:before{background:#377df6}.chart-wrap{height:250px;margin-top:7px}.link-btn{color:var(--purple);background:0 0;border:0;align-items:center;gap:4px;font-size:9px;font-weight:600;display:inline-flex}.donut-row{justify-content:space-around;align-items:center;min-height:250px;display:flex}.donut{width:205px;height:205px;position:relative}.donut>div:last-child{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut b{font-size:21px}.donut small{color:#85899a;font-size:9px}.status-list{min-width:125px}.status-list>div{justify-content:space-between;gap:20px;margin:15px 0;font-size:9px;display:flex}.status-list span{align-items:center;gap:7px;display:flex}.status-list i{border-radius:50%;width:7px;height:7px}.dashboard-lower{grid-template-columns:1.75fr 1fr;gap:14px;display:grid}.dashboard-lower .table-card{margin:0}.side-list{padding:19px}.rank-row{border-bottom:1px solid #f0f0f4;align-items:center;gap:9px;padding:13px 0;display:flex}.rank-row:last-child{border:0}.rank-row>b{color:#a1a4b1;font-size:9px}.rank-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.rank-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.rank-row small{color:#8c90a1;margin-top:3px;font-size:8px}.rank-row em{font-size:9px;font-style:normal;font-weight:700}.product-thumb{color:#5833be;background:linear-gradient(145deg,#f0eafa,#ded4f7);border-radius:7px;flex:none;place-items:center;width:30px;height:34px;font-weight:700;display:grid}.tabs{border-bottom:1px solid var(--border);gap:3px;margin:0 0 15px;display:flex;overflow:auto}.tabs button{white-space:nowrap;color:#777c8e;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 13px;font-size:10px}.tabs button.active{color:var(--purple);border-bottom-color:var(--purple);font-weight:700}.filterbar{gap:8px;margin-bottom:12px;display:flex}.filter-btn{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:10px;display:flex}.filter-btn span{color:var(--purple);background:#eee8fd;border-radius:10px;padding:1px 5px}.filterbar select{height:36px}.table-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:10px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.table-toolbar>div h3{margin-bottom:2px;font-size:12px}.table-toolbar>div span{color:#9296a5;font-size:8px}.table-search{border:1px solid var(--border);color:#8d91a0;border-radius:8px;align-items:center;width:235px;height:34px;padding:0 9px;display:flex}.table-search input{border:0;outline:0;flex:1;min-width:0;padding:0 7px;font-size:9px}.table-search button{color:#8d91a0;background:0 0;border:0;padding:0}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#8c90a0;text-transform:uppercase;letter-spacing:.45px;background:#fafafe;padding:10px 13px;font-size:7.5px}td{color:#33374a;border-top:1px solid #f0f0f4;padding:11px 13px;font-size:9px}tr:hover td{background:#fcfbff}.person,.product-cell{align-items:center;gap:7px;font-weight:600;display:flex}.badge{color:#666b7a;background:#eff0f4;border-radius:20px;padding:4px 8px;font-size:7.5px;font-weight:600;display:inline-flex}.badge-delivered,.badge-active,.badge-approved,.badge-completed,.badge-paid,.badge-resolved{color:#128359;background:#e6f8f0}.badge-shipped,.badge-processing,.badge-in-progress{color:#276ed1;background:#e7f0ff}.badge-pending,.badge-pending-approval,.badge-medium,.badge-low-stock,.badge-unread{color:#bc6a07;background:#fff2db}.badge-cancelled,.badge-suspended,.badge-rejected,.badge-out-of-stock,.badge-high{color:#cf344d;background:#ffe9ec}.badge-draft,.badge-inactive,.badge-read{color:#686d7b;background:#eef0f3}.pagination{border-top:1px solid var(--border);color:#8b8f9e;justify-content:space-between;align-items:center;padding:11px 16px;font-size:8px;display:flex}.pagination>div{align-items:center;gap:6px;display:flex}.pagination button{border:1px solid var(--border);background:#fff;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.pagination b{background:var(--purple);color:#fff;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.empty{text-align:center;color:#999dab;padding:38px}.empty h3{color:#383c4f;margin:8px 0 4px;font-size:13px}.empty p{font-size:9px}.rule-banner{background:#f2eeff;border:1px solid #ded2ff;border-radius:10px;gap:12px;margin-bottom:15px;padding:13px 15px;display:flex}.rule-banner>span{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:700;display:grid}.rule-banner strong{color:#43259a;font-size:10px}.rule-banner p{color:#705eaa;margin:3px 0 0;font-size:9px}.modal-backdrop{z-index:60;background:#11142a80;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(560px,100%);max-height:85vh;overflow:auto;box-shadow:0 30px 80px #0b0d2052}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.modal-head h2{margin:0;font-size:14px}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.quick-details{grid-template-columns:1fr 1fr;gap:16px;display:grid}.quick-details div{flex-direction:column;display:flex}.quick-details span{color:#8d91a0;text-transform:capitalize;font-size:8px}.quick-details strong{margin-top:3px;font-size:10px}.toast{z-index:80;color:#fff;background:#161a2f;border-radius:10px;align-items:center;gap:9px;padding:12px 14px;font-size:10px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 14px 40px #15172e40}.toast>span{color:#62daa9}.toast button{color:#b8bccd;background:0 0;border:0;margin-left:10px}.detail-summary{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:14px;display:grid}.detail-summary>div{border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:17px;display:flex}.detail-summary>div:last-child{border:0}.detail-summary span:first-child{color:#8a8e9e;font-size:8px}.detail-summary strong{font-size:11px}.detail-grid{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{padding:19px}.timeline{justify-content:space-between;margin-top:32px;display:flex;position:relative}.timeline:before{content:"";border-top:2px solid #dadce6;position:absolute;top:14px;left:4%;right:4%}.timeline>div{text-align:center;z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.timeline i{color:#898e9f;background:#eef0f4;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;display:grid}.timeline .done i{color:#15936a;background:#e6f8f0}.timeline span{flex-direction:column;margin-top:8px;display:flex}.timeline strong{font-size:8px}.timeline small{color:#9a9eac;margin-top:2px;font-size:6.5px}.info-stack{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-stack>div:first-child{grid-column:1/-1}.info-stack h3{color:#838798;font-size:9px}.info-stack p{margin:0;font-size:9px;line-height:1.7}.order-line{align-items:center;gap:13px;display:flex}.order-line div{flex-direction:column;flex:1;display:flex}.order-line strong{font-size:10px}.order-line small,.order-line>span{color:#888c9d;font-size:8px}.commission-callout{color:#5a32c4;background:#f7f4ff;border:1px solid #d7cbf7;border-radius:11px;align-items:center;gap:12px;margin-top:14px;padding:14px 17px;display:flex}.commission-callout div{flex:1}.commission-callout strong{font-size:10px}.commission-callout p{color:#7d6bb2;margin:2px 0 0;font-size:8px}.commission-callout>b{font-size:13px}.profile-hero{color:#fff;background:#161b38 radial-gradient(circle at 85% 30%,#6235d760,#0000 30%);border-radius:13px;align-items:center;gap:13px;margin-bottom:14px;padding:22px;display:flex}.profile-avatar{background:linear-gradient(145deg,#8059ed,#4c27b9);border-radius:13px;place-items:center;width:57px;height:57px;font-size:22px;font-weight:700;display:grid}.profile-hero h2{margin:0 0 3px;font-size:16px}.profile-hero p{color:#aeb3ca;margin:0 0 7px;font-size:9px}.compact-stats{grid-template-columns:repeat(4,1fr)}.compact-stats .stat-card{min-height:95px}.form-layout{grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);align-items:start;gap:14px;display:grid}.form-layout>div,.form-layout>aside{gap:14px;display:grid}.form-section{padding:18px}.form-section-head{border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:15px;padding-bottom:14px;display:flex}.form-section-head span{width:29px;height:29px;color:var(--purple);background:#f0ebfe;border-radius:8px;place-items:center;display:grid}.form-section-head svg{width:16px}.form-section-head h2{margin:0;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label,.settings-form>label{color:#464a5e;flex-direction:column;gap:6px;font-size:9px;font-weight:600;display:flex}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.settings-form input,.settings-form select{border:1px solid var(--border);background:#fff;border-radius:8px;outline:0;height:38px;padding:0 10px;font-size:10px}.form-grid textarea{resize:vertical;height:85px;padding-top:10px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#9c7ced;box-shadow:0 0 0 3px #6c43da10}.upload-zone{text-align:center;color:#7146d9;background:#faf8ff;border:1px dashed #c8b9ef;border-radius:10px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:145px;display:flex}.upload-zone strong{margin:7px 0 2px;font-size:10px}.upload-zone span{color:#9295a3;margin-bottom:10px;font-size:8px}.report-filters{border:1px solid var(--border);background:#fff;border-radius:11px;gap:8px;margin-bottom:14px;padding:12px;display:flex}.report-filters select{flex:1}.reports-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.report-card{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:auto 1fr;gap:12px;padding:17px;display:grid}.report-card>span{width:38px;height:38px;color:var(--purple);background:#f0ebfe;border-radius:10px;place-items:center;display:grid}.report-card h3{margin:2px 0 4px;font-size:11px}.report-card p{color:#8c90a0;margin:0;font-size:8px;line-height:1.5}.report-card button{text-align:left;border:0;border-top:1px solid var(--border);color:var(--purple);background:0 0;grid-column:1/-1;padding:11px 0 0;font-size:9px;font-weight:600}.settings-layout{grid-template-columns:190px 1fr;gap:14px;display:grid}.settings-layout>aside{flex-direction:column;gap:2px;display:flex}.settings-layout>aside button{color:#74798b;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px;font-size:10px;display:flex}.settings-layout>aside button.active{color:var(--purple);background:#ede7fc;font-weight:700}.settings-panel{min-height:460px;padding:22px}.settings-title{border-bottom:1px solid var(--border);align-items:center;gap:11px;margin-bottom:17px;padding-bottom:17px;display:flex}.settings-title>span{width:40px;height:40px;color:var(--purple);background:#f0ebfe;border-radius:10px;place-items:center;display:grid}.settings-title h2{margin-bottom:3px;font-size:13px}.settings-title p{color:#8d91a0;margin:0;font-size:8px}.settings-form{gap:15px;max-width:560px;display:grid}.settings-form input,.settings-form select{width:100%;margin-top:6px}.toggle-row{border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;padding:13px;flex-direction:row!important}.toggle-row span{flex-direction:column;display:flex}.toggle-row small{color:#8c90a0;margin-top:2px;font-weight:400}.login-page{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 80% 20%,#7845e891,#0000 28%),linear-gradient(145deg,#0c1235,#1c145d 55%,#4b22bd);padding:32px 4.2vw;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #ffffff0b;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-180px;right:-160px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.login-visual-photo{background:#15104e;padding:0}.login-visual-photo:after{display:none}.login-artwork{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.login-photo-shade{z-index:1;background:linear-gradient(#09082a78 0%,#0000 43%,#09072ae8 100%);position:absolute;inset:0}.login-brand-overlay{z-index:3;position:absolute;top:32px;left:4.2vw}.login-photo-content{z-index:3;position:absolute;bottom:54px;left:4.2vw;right:4.2vw}.login-photo-content h1{letter-spacing:-1.8px;text-shadow:0 3px 25px #090625;margin:16px 0 10px;font-size:clamp(30px,3vw,48px);line-height:1.12}.login-photo-content h1 em{color:#d5c3ff;font-style:normal}.login-photo-content p{color:#d7d6e7;text-shadow:0 2px 12px #090625;max-width:570px;font-size:11px;line-height:1.65}.secure-pill{letter-spacing:1.2px;text-transform:uppercase;color:#eee8ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:8px;display:inline-flex}.login-features{z-index:2;justify-content:flex-start;gap:30px;margin-top:20px;display:flex;position:relative}.login-features span{color:#e6e4f1;align-items:center;gap:7px;font-size:9px;display:flex}.login-features svg{width:16px}.login-copyright{z-index:3;text-align:center;color:#aaaed0;font-size:8px;position:absolute;bottom:15px;left:0;right:0}.login-form-side{background:radial-gradient(circle at 90% 10%,#f5f0ff,#0000 30%);place-items:center;padding:30px;display:grid}.mobile-login-brand{display:none}.login-card{width:min(420px,100%)}.login-icon{width:55px;height:55px;color:var(--purple);background:#eee8ff;border-radius:16px;place-items:center;margin-bottom:20px;display:grid}.form-intro small{color:var(--purple);letter-spacing:1.3px;font-size:8px;font-weight:700}.form-intro h2{letter-spacing:-1px;margin:7px 0;font-size:28px}.form-intro p{color:#7e8294;margin-bottom:30px;font-size:11px}.login-card>label{color:#31354b;margin:15px 0;font-size:10px;font-weight:600;display:block}.input-wrap{color:#7b60d2;border:1px solid #dedfe8;border-radius:9px;align-items:center;height:48px;margin-top:7px;display:flex;overflow:hidden}.input-wrap>span,.input-wrap>svg{margin-left:15px}.input-wrap input{border:0;outline:0;flex:1;height:100%;padding:0 13px;font-size:11px}.input-wrap button{color:#7b7f91;background:0 0;border:0;padding:0 13px}.form-error{color:#d93652;background:#ffecef;border-radius:7px;padding:9px;font-size:9px}.remember-row{justify-content:space-between;align-items:center;margin:18px 0;font-size:9px;display:flex}.remember-row label{align-items:center;gap:6px;display:flex}.remember-row input{accent-color:var(--purple)}.remember-row button{color:var(--purple);background:0 0;border:0;font-size:9px}.login-submit{color:#fff;background:linear-gradient(100deg,#6c3be5,#4c23bd);border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:49px;font-size:11px;font-weight:600;display:flex;box-shadow:0 12px 25px #5b2dd832}.login-submit:hover{transform:translateY(-1px)}.secure-note{color:#6d7285;justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.secure-note div{flex-direction:column;display:flex}.secure-note strong{font-size:9px}.secure-note small{margin-top:2px;font-size:7px}.is-collapsed .sidebar{width:72px}.is-collapsed .admin-shell main,.is-collapsed main{margin-left:72px}.is-collapsed .brand>span:last-child,.is-collapsed .nav-group>small,.is-collapsed .nav-group a span,.is-collapsed .sidebar-user>span,.is-collapsed .sidebar-user>svg{display:none}.is-collapsed .sidebar-top{padding:0 16px}.is-collapsed .nav-group a{justify-content:center;padding:0}.is-collapsed .sidebar-user{justify-content:center;margin:10px;padding:8px}.drawer-scrim{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-lower{grid-template-columns:1fr}.reports-grid{grid-template-columns:repeat(2,1fr)}.profile-trigger>span:nth-child(2){display:none}.global-search{width:32vw}}@media (width<=820px){.sidebar{width:244px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.admin-shell main,.is-collapsed main{margin-left:0}.menu-desktop{display:none}.menu-mobile,.mobile-close{display:grid}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto}.drawer-scrim{z-index:25;background:#0e102467;display:block;position:fixed;inset:0}.topbar{padding:0 16px}.global-search{display:none}.top-actions{margin-left:auto}.content{padding:22px 16px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.mobile-login-brand{margin-bottom:45px;display:block}.login-form-side{padding:28px;display:block}.login-card{margin:auto}.form-layout,.detail-grid{grid-template-columns:1fr}.timeline{gap:25px;padding-bottom:10px;overflow:auto}.settings-layout{grid-template-columns:1fr}.settings-layout>aside{flex-direction:row;overflow:auto}.settings-layout>aside button{white-space:nowrap}.detail-summary{grid-template-columns:repeat(2,1fr)}.detail-summary>div:nth-child(2){border-right:0}.reports-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.topbar{height:64px}.crumb small,.profile-trigger{display:none}.content{padding:19px 12px;overflow:hidden}.page-head{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-actions{width:100%;overflow:auto}.page-actions .btn{white-space:nowrap;flex:1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{gap:9px;min-width:0;min-height:105px;padding:13px;overflow:hidden}.stat-body{min-width:0}.stat-body strong{white-space:nowrap;font-size:15px}.stat-body small{line-height:1.35}.dashboard-grid{min-width:0;display:block}.chart-card{overflow:hidden}.order-chart{margin-top:12px}.donut-row{flex-direction:column}.dashboard-lower{display:block}.side-list{margin-top:12px}.table-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.table-search{width:100%}.filterbar{overflow:auto}.filterbar>*{white-space:nowrap}.detail-summary{grid-template-columns:1fr 1fr}.info-stack{grid-template-columns:1fr}.info-stack>div:first-child{grid-column:auto}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.reports-grid{grid-template-columns:1fr}.report-filters{flex-direction:column}.quick-details{grid-template-columns:1fr}.login-form-side{padding:22px}.form-intro h2{font-size:24px}}.table-action{color:var(--purple);background:#f5f1ff;border:1px solid #d9cff7;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:700}.table-action:hover{background:var(--purple);color:#fff}.member-actions{flex-wrap:wrap;gap:8px;display:flex}.btn.danger{color:#c9344c;background:#fff;border:1px solid #f2bac2}.btn.danger:hover{background:#fff0f2}.detail-error{color:#b4233a;background:#fff;border:1px solid #ffd2d7;border-radius:12px;margin-bottom:14px;padding:14px 16px}.profile-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.profile-meta>div{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:5px;padding:13px;display:flex}.profile-meta span{color:#8a8e9e;font-size:8px}.profile-meta strong{overflow-wrap:anywhere;font-size:10px}.admin-create-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-create-form label{color:#39445c;gap:7px;font-size:13px;font-weight:700;display:grid}.admin-create-form input{width:100%;font:inherit;background:#fff;border:1px solid #dfe3ec;border-radius:9px;padding:11px 12px}.admin-create-form input:focus{border-color:#6f4ef6;outline:2px solid #6f4ef62e}.admin-create-form .form-error,.admin-create-form .modal-footer{grid-column:1/-1}.modal-footer.inline{margin-top:2px;padding:16px 0 0}.route-loading{color:#667085;place-items:center;min-height:100vh;font-weight:700;display:grid}@media (width<=640px){.profile-meta,.admin-create-form{grid-template-columns:1fr}}.kyc-review{margin-bottom:14px}.kyc-documents{gap:9px;margin:10px 0 16px;display:grid}.kyc-documents>div{border:1px solid var(--border);background:#fafafe;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.kyc-documents span{flex-direction:column;gap:3px;display:flex}.kyc-documents strong{font-size:10px}.kyc-documents small{color:#818698;font-size:8px}@media (width<=640px){.kyc-documents>div{flex-direction:column;align-items:flex-start}}.commission-settings{border:1px solid var(--border);max-width:880px;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:22px}.commission-settings-note{color:#5530c8;background:#f4f1ff;border-radius:12px;align-items:flex-start;gap:13px;margin-bottom:20px;padding:14px;display:flex}.commission-settings-note strong,.commission-settings-note p{display:block}.commission-settings-note strong{font-size:13px}.commission-settings-note p{color:#5d6680;margin:4px 0 0;font-size:11px}.commission-rate-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.commission-rate-form .form-actions{grid-column:1/-1}.rate-input{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;display:flex;overflow:hidden}.rate-input input{flex:1;min-width:0;border:0!important}.rate-input span{color:#5d34d9;background:#f6f4fc;padding:10px 13px;font-weight:700}@media (width<=650px){.commission-rate-form{grid-template-columns:1fr}}.gift-management-page{gap:18px;display:grid}.gift-management-page .page-head{color:#fff;background:linear-gradient(118deg,#18113d,#4725a1 60%,#7644dc);border-radius:18px;margin-bottom:0;padding:25px 27px;box-shadow:0 18px 35px #29126a2b}.gift-management-page .page-head .eyebrow{color:#d6c8ff}.gift-management-page .page-head h1{color:#fff}.gift-management-page .page-head p{color:#ebe6ff;max-width:700px}.gift-management-page .compact-stats{margin:0}.gift-management-page .commission-settings{border-radius:16px;max-width:none;padding:24px;position:relative;overflow:hidden}.gift-management-page .commission-settings:before{content:"";background:linear-gradient(90deg,#7547eb,#b59aff);border-radius:99px;width:44px;height:4px;margin-bottom:18px;display:block}.gift-management-page .commission-settings h2{margin:0 0 6px;font-size:16px}.gift-management-page .commission-settings>.form-hint{color:#767d91;margin:0 0 17px}.gift-management-page .commission-settings-note{background:linear-gradient(135deg,#f3efff,#fbfaff);border:1px solid #e4dafd;padding:16px}.gift-management-page .commission-settings-note strong{font-size:14px}.gift-management-page .commission-settings-note p{font-size:11px;line-height:1.6}.gift-management-page .admin-create-form{background:#fcfbff;border:1px solid #eeeaf7;border-radius:13px;padding:16px}.gift-management-page .commission-rate-form{grid-template-columns:repeat(2,minmax(0,1fr))}.gift-management-page .toggle-row{background:#fff;border:1px solid #e9e4f4;border-radius:10px;padding:12px}.gift-management-page .toggle-row strong{font-size:11px}.gift-management-page .toggle-row small{color:#858a9a;font-size:9px;line-height:1.35}.gift-management-page .toggle-row input{accent-color:#6336d7;width:34px;height:19px}.gift-management-page .admin-create-form>.btn{justify-self:start;margin-top:2px}.gift-management-page .table-card{border-radius:12px;overflow:hidden}.gift-management-page .table-toolbar{padding-top:17px}.gift-management-page .table-action{white-space:nowrap}.gift-management-page .commission-settings:last-of-type{background:linear-gradient(#fff,#fcfbff)}@media (width<=650px){.gift-management-page .page-head{padding:20px}.gift-management-page .commission-rate-form{grid-template-columns:1fr}.gift-management-page .commission-settings{padding:16px}.gift-management-page .admin-create-form{padding:13px}}body.gift-management .page-head{color:#fff;background:linear-gradient(118deg,#18113d,#4725a1 60%,#7644dc);border-radius:18px;margin-bottom:0;padding:25px 27px;box-shadow:0 18px 35px #29126a2b}body.gift-management .page-head .eyebrow{color:#d6c8ff}body.gift-management .page-head h1{color:#fff}body.gift-management .page-head p{color:#ebe6ff;max-width:700px}body.gift-management .compact-stats{margin-top:18px}body.gift-management .commission-settings{border-radius:16px;max-width:none;margin-top:18px;padding:24px;position:relative;overflow:hidden}body.gift-management .commission-settings:before{content:"";background:linear-gradient(90deg,#7547eb,#b59aff);border-radius:99px;width:44px;height:4px;margin-bottom:18px;display:block}body.gift-management .commission-settings h2{margin:0 0 6px;font-size:16px}body.gift-management .commission-settings>.form-hint{color:#767d91;margin:0 0 17px}body.gift-management .commission-settings-note{background:linear-gradient(135deg,#f3efff,#fbfaff);border:1px solid #e4dafd;padding:16px}body.gift-management .commission-settings-note strong{font-size:14px}body.gift-management .commission-settings-note p{font-size:11px;line-height:1.6}body.gift-management .admin-create-form{background:#fcfbff;border:1px solid #eeeaf7;border-radius:13px;padding:16px}body.gift-management .commission-rate-form{grid-template-columns:repeat(2,minmax(0,1fr))}body.gift-management .toggle-row{background:#fff;border:1px solid #e9e4f4;border-radius:10px;padding:12px}body.gift-management .toggle-row input{accent-color:#6336d7;width:34px;height:19px}body.gift-management .admin-create-form>.btn{justify-self:start;margin-top:2px}body.gift-management .table-card{border-radius:12px;overflow:hidden}body.gift-management .table-toolbar{padding-top:17px}body.gift-management .table-action{white-space:nowrap}@media (width<=650px){body.gift-management .page-head{padding:20px}body.gift-management .commission-rate-form{grid-template-columns:1fr}body.gift-management .commission-settings{padding:16px}body.gift-management .admin-create-form{padding:13px}}.gift-admin-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.gift-admin-detail-grid .panel{padding:19px}.gift-admin-detail-grid h2{align-items:center;gap:7px;margin:0 0 12px;font-size:13px;display:flex}.gift-admin-detail-grid h2 svg{color:var(--purple)}.gift-admin-detail-grid p{color:#667085;margin:0;font-size:11px;line-height:1.65}.gift-admin-product{gap:13px;display:flex}.gift-admin-product img{object-fit:cover;background:#f4f1ff;border-radius:10px;width:72px;height:72px}.gift-admin-product div{align-content:center;gap:5px;display:grid}.gift-admin-product strong{font-size:12px}.gift-admin-product small{color:#7d8494;font-size:10px}@media (width<=700px){.gift-admin-detail-grid{grid-template-columns:1fr}}.login-submit:disabled{opacity:.75;cursor:wait}.button-spinner{vertical-align:-3px;border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite aina-spin;display:inline-block}@keyframes aina-spin{to{transform:rotate(360deg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}