:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#f4f7fb;color:#101828}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(22,119,255,.08),transparent 26%),linear-gradient(180deg,#f7faff,#f3f6fb)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid #d7deea;border-radius:12px;padding:11px 12px;background:#fff;color:#101828;transition:border-color .18s ease,box-shadow .18s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}textarea{resize:vertical;min-height:88px}.boot-screen,.panel-placeholder{display:grid;place-items:center;min-height:240px;color:#5f6b7a}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.admin-shell.sidebar-collapsed{grid-template-columns:104px 1fr}.sidebar{display:flex;flex-direction:column;gap:24px;padding:24px 20px;border-right:1px solid rgba(15,23,42,.06);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-brand-copy{min-width:0}.brand-badge,.login-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#1677ff,#0a56c5);color:#fff;font-weight:700;font-size:20px;box-shadow:0 14px 26px #1677ff3d}.brand-title,.login-title,.topbar-title{font-size:18px;font-weight:700}.brand-subtitle,.topbar-subtitle,.card-description,.stat-hint,.secondary-text,.muted-text,.login-subtitle{color:#667085;font-size:13px;line-height:1.5}.sidebar-nav{display:grid;gap:8px}.nav-item,.ghost-button,.primary-button,.text-button,.segmented button{border:none;border-radius:14px;transition:all .18s ease}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;color:#344054;font-weight:600}.nav-item:hover{background:#0f172a0d}.nav-item.active{background:linear-gradient(135deg,#1677ff24,#1677ff14);color:#0a56c5}.sidebar-toggle{flex:0 0 auto}.desktop-only-inline{display:inline-flex}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.sidebar-collapsed .sidebar{padding:24px 14px}.sidebar-collapsed .sidebar-brand-row{flex-direction:column;align-items:center}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .sidebar-brand-copy,.sidebar-collapsed .nav-item span,.sidebar-collapsed .admin-profile>div,.sidebar-collapsed .sidebar-footer .ghost-button span{display:none}.sidebar-collapsed .sidebar-nav{justify-items:center}.sidebar-collapsed .nav-item,.sidebar-collapsed .admin-profile,.sidebar-collapsed .sidebar-footer .ghost-button{width:100%;justify-content:center;padding-left:0;padding-right:0}.admin-profile{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:#f7f9fc;color:#344054}.admin-name{font-weight:700;font-size:14px}.admin-id{font-size:12px;color:#667085}.main-panel{padding:24px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.topbar-compact{justify-content:flex-end;margin-bottom:12px}.notice-banner{padding:12px 14px;border-radius:14px;min-width:260px;font-size:13px;font-weight:600}.notice-banner.success{background:#16a34a1f;color:#166534}.notice-banner.error{background:#dc26261a;color:#b42318}.page-content,.page-grid{display:grid;gap:20px}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}.split-grid,.users-grid{display:grid;gap:20px;grid-template-columns:1.3fr .9fr}.card,.stat-card,.login-card{border-radius:22px;background:#ffffffeb;border:1px solid rgba(15,23,42,.06);box-shadow:0 16px 36px #0f172a0f}.card,.login-card{padding:20px}.stat-card{padding:18px}.stat-title,.card-title,.detail-title{font-size:15px;font-weight:700;color:#111827}.stat-value{margin-top:10px;font-size:28px;font-weight:800;color:#0f172a}.card-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.chart-box{width:100%;height:320px}.compact-list,.simple-list,.feedback-list{display:grid;gap:12px}.compact-row,.simple-list-item,.feedback-card{border:1px solid #edf1f7;border-radius:16px;padding:14px;background:#fff}.compact-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.primary-text{font-size:14px;font-weight:700;color:#0f172a;line-height:1.5}.pill,.status-tag,.segmented button.active{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#1677ff1a;color:#0a56c5;font-size:12px;font-weight:700}.pill.subtle{background:#f2f4f7;color:#344054}.status-tag.pending{background:#f59e0b24;color:#b45309}.status-tag.paid{background:#16a34a24;color:#166534}.status-tag.failed,.status-tag.closed{background:#dc26261a;color:#b42318}.segmented{display:inline-flex;padding:4px;border-radius:999px;background:#f3f6fb;gap:4px}.segmented button{padding:8px 12px;background:transparent;color:#475467;font-weight:600}.ghost-button,.primary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-weight:700}.ghost-button{background:#eef3fb;color:#344054}.ghost-button:hover{background:#e2e8f0}.primary-button{background:linear-gradient(135deg,#1677ff,#0a56c5);color:#fff;box-shadow:0 12px 22px #1677ff38}.primary-button:hover{transform:translateY(-1px)}.text-button{padding:0;background:transparent;color:#1677ff}.text-button.danger{color:#dc2626}.full-width{width:100%}.mobile-only-inline{display:none!important}.mobile-sidebar-mask{display:none}.mobile-nav-trigger{display:none!important}.desktop-only{display:block}.mobile-only{display:none!important}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.toolbar.wrap{flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:8px;min-width:280px;padding:0 12px;border-radius:14px;border:1px solid #d7deea;background:#fff}.search-input input{border:none;box-shadow:none;padding:11px 0}.filter-select{width:auto;min-width:148px;padding:11px 40px 11px 14px;border-radius:14px;border:1px solid #d7deea;background-color:#fff;background-image:linear-gradient(180deg,#fffffff0,#f7fafff0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center,right 14px center;background-size:auto,14px 14px;box-shadow:0 1px 2px #0f172a08;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-select:hover{border-color:#c7d2e5;background-image:linear-gradient(180deg,#fff,#f4f8ff),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23344054' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.table-shell{overflow:auto;border-radius:16px;border:1px solid #edf1f7}table{width:100%;border-collapse:collapse;background:#fff}thead{background:#f8fafc}th,td{padding:14px 16px;border-bottom:1px solid #edf1f7;text-align:left;vertical-align:top;font-size:13px}th{color:#667085;font-weight:700}.table-empty{text-align:center;color:#667085;padding:40px 16px}.pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:16px}.pagination-info{color:#667085;font-size:13px}.mobile-card-list{display:grid;gap:12px}.mobile-record-card{display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid #e8eef7;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 22px #0f172a0a}.mobile-record-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mobile-record-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mobile-record-title{color:#0f172a;font-size:15px;font-weight:800;line-height:1.4;word-break:break-word}.mobile-record-subtitle,.mobile-record-time{margin-top:4px;color:#667085;font-size:12px;line-height:1.5;word-break:break-word}.mobile-record-emphasis{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}.mobile-record-content{color:#101828;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.mobile-record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-record-meta-single{grid-template-columns:1fr}.mobile-meta-item{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #edf2f7}.mobile-meta-label{color:#667085;font-size:12px;font-weight:600}.mobile-meta-value{color:#101828;font-size:13px;font-weight:700;line-height:1.5;word-break:break-word}.mobile-record-actions{display:flex;justify-content:flex-end}.detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.mini-metric{border-radius:18px;padding:16px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e8eef7;box-shadow:0 10px 24px #0f172a0a}.mini-title{color:#667085;font-size:12px;font-weight:600}.mini-value{margin-top:8px;font-size:24px;font-weight:800;color:#0f172a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:700;color:#344054}.field-value{min-height:42px;display:flex;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid #edf1f7;background:#f8fafc;color:#101828;font-size:14px;line-height:1.6;word-break:break-word}.field.full-span{grid-column:1 / -1}.checkbox-group{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.checkbox-group label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#344054}.checkbox-group input[type=checkbox]{width:16px;height:16px;margin:0}.detail-section{margin-top:18px;display:grid;gap:12px}.detail-card{padding:18px;border-radius:22px;background:#fff;border:1px solid #e8eef7;box-shadow:0 12px 28px #0f172a0a}.detail-card-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.detail-card-hint{color:#98a2b3;font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-field{display:grid;gap:8px}.detail-label{font-size:12px;font-weight:700;color:#667085}.detail-value{min-height:48px;display:flex;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid #edf2f7;background:linear-gradient(180deg,#fbfdff,#f8fafc);color:#101828;font-size:14px;font-weight:600;line-height:1.6;word-break:break-word}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,#1677ff,#0f5fd8 52%,#0b57c8);color:#fff;box-shadow:0 18px 34px #1677ff38}.detail-hero-main{display:grid;gap:12px;min-width:0}.detail-hero-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-hero-title{font-size:24px;font-weight:800;line-height:1.2}.detail-hero-id{margin-top:6px;color:#ffffffd1;font-size:12px}.detail-hero-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.detail-hero-tags .pill.subtle{background:#ffffff29;color:#fff}.detail-hero-tags .status-tag.paid{background:#fff3;color:#fff}.detail-hero-tags .status-tag.closed{background:#0f172a38;color:#fff}.detail-hero-meta{display:flex;flex-wrap:wrap;gap:10px}.detail-hero-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff24;color:#ffffffeb;font-size:12px}.detail-hero-side{min-width:120px;padding:12px 14px;border-radius:18px;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-hero-side-label{color:#ffffffb8;font-size:12px}.detail-hero-side-value{margin-top:8px;font-size:15px;font-weight:700;line-height:1.5}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172a52;display:flex;justify-content:flex-end;padding-left:24px}.detail-drawer{width:min(560px,100%);height:100vh;overflow-y:auto;padding:24px;background:linear-gradient(180deg,#f5f8fd,#f2f5fa);border-left:1px solid rgba(15,23,42,.08);box-shadow:-18px 0 40px #0f172a24}.drawer-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.icon-button{width:42px;height:42px;padding:0;flex:0 0 auto}.simple-list-item+.simple-list-item{margin-top:0}.detail-card .simple-list{gap:10px}.detail-card .simple-list-item{border-radius:16px;border-color:#edf2f7;background:linear-gradient(180deg,#fbfdff,#f8fafc)}.empty-hint{padding:18px 16px;border-radius:16px;border:1px dashed #d7deea;background:#f8fafc;color:#667085;font-size:13px;text-align:center}.feedback-header,.button-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.feedback-header{align-items:flex-start}.feedback-user{min-width:0}.feedback-subline{margin-top:4px;word-break:break-all}.feedback-body{padding:14px 0;margin:12px 0 10px;font-size:14px;line-height:1.7;color:#101828;white-space:pre-wrap;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7}.feedback-footer,.feedback-time{font-size:12px;color:#667085}.feedback-footer{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.feedback-contact-text{line-height:1.5;word-break:break-all}.feedback-table-content,.feedback-table-contact{white-space:pre-wrap;word-break:break-word;line-height:1.6}.event-editor{padding:18px;margin-bottom:16px;border-radius:18px;border:1px solid #edf1f7;background:#fbfdff}.button-row.compact{justify-content:flex-start}.index-row{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr .8fr auto;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid #edf1f7;background:#fff}.tall-textarea{min-height:180px}.mono{font-family:SFMono-Regular,Consolas,Menlo,monospace}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-card{width:min(468px,100%);display:grid;gap:22px;padding:32px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:#ffffffdb;box-shadow:0 30px 80px #0f172a1a,0 10px 28px #1677ff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:1}.login-fields{display:grid;gap:14px}.login-title{margin-top:0;font-size:34px;line-height:1.2;text-align:center}.login-fields input{min-width:0;min-height:52px;border-radius:16px;padding:12px 16px}.login-submit{min-height:54px;font-size:18px;font-weight:700;border-radius:18px;box-shadow:0 18px 34px #1677ff38}.login-glow{position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(20px);opacity:.5;pointer-events:none}.login-glow-left{left:-110px;top:-90px;background:radial-gradient(circle,#1677ff42,#1677ff00 72%)}.login-glow-right{right:-120px;bottom:-120px;background:radial-gradient(circle,#6366f133,#6366f100 74%)}@media(max-width:1440px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1120px){.split-grid,.users-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-shell,.admin-shell.sidebar-collapsed{grid-template-columns:1fr}.main-panel{padding:72px 16px 16px}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:20;width:min(290px,84vw);gap:18px;padding:18px 16px;border-right:1px solid rgba(15,23,42,.06);border-bottom:none;background:#fffffffa;transform:translate(-108%);transition:transform .22s ease;box-shadow:18px 0 36px #0f172a1f}.admin-shell.mobile-nav-open .sidebar{transform:translate(0)}.mobile-sidebar-mask{display:none}.admin-shell.mobile-nav-open .mobile-sidebar-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#0f172a5c}.mobile-nav-trigger{display:inline-flex!important;position:fixed;top:16px;left:16px;z-index:21;width:42px;height:42px;padding:0;border-radius:14px;background:#fffffff5;box-shadow:0 10px 24px #0f172a1f}.brand-badge{width:36px;height:36px;border-radius:12px;font-size:18px}.brand-title{font-size:16px}.brand-subtitle{font-size:12px}.sidebar-brand-row{align-items:center}.sidebar-nav{display:grid;gap:8px;overflow:visible;padding-bottom:0;margin:0}.nav-item{width:100%;white-space:normal;padding:12px 14px;font-size:14px}.sidebar-footer{margin-top:auto;grid-template-columns:1fr;align-items:stretch}.admin-profile{min-width:0;padding:10px 12px}.sidebar-footer .ghost-button.full-width{width:100%;padding:10px 12px}.desktop-only-inline{display:none!important}.mobile-only-inline{display:inline-flex!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid{grid-template-columns:1fr}.toolbar,.feedback-header,.feedback-footer,.pagination,.card-header,.topbar{flex-direction:column;align-items:stretch}.search-input{min-width:0}.filter-select{width:100%;min-width:0}.desktop-only,.mobile-hidden{display:none!important}.mobile-only{display:block!important}.mobile-card-list.mobile-only{display:grid!important}.card,.stat-card,.login-card{border-radius:18px}.stat-card{padding:14px}.stat-value{font-size:24px}.card-header{margin-bottom:14px}.chart-box{height:220px}.compact-row{align-items:flex-start}.index-row,.detail-hero,.detail-grid,.detail-grid-compact{grid-template-columns:1fr}.detail-hero-title-row,.detail-card-header{flex-direction:column;align-items:flex-start}.detail-hero-tags{justify-content:flex-start}.drawer-overlay{padding-left:0}.detail-drawer{width:100%;padding:18px}.login-card{padding:24px;border-radius:24px}.login-title{font-size:28px}}@media(max-width:480px){.stat-grid,.mobile-record-meta{grid-template-columns:1fr}.topbar-title{font-size:16px}.notice-banner{min-width:0}.pagination-info{text-align:center}}