*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh;min-height:100dvh}:root{--mgmt-text-primary: #111111;--mgmt-text-body: #111111;--mgmt-text-secondary: #333333;--mgmt-text-muted: #555555;--mgmt-text-hint: #666666;--mgmt-text-placeholder: #888888}.page-container,.dialog-content,.page-container input,.page-container select,.page-container textarea,.dialog-body input,.dialog-body select,.dialog-body textarea{color:var(--mgmt-text-body)}.page-container input::placeholder,.page-container textarea::placeholder,.dialog-body input::placeholder,.dialog-body textarea::placeholder{color:var(--mgmt-text-placeholder)}.page-container .list-table th,.dialog-list-card .list-table th{color:var(--mgmt-text-primary)}.page-container .list-table td,.dialog-list-card .list-table td{color:var(--mgmt-text-body)}.page-container .form-item>label,.page-container .form-label,.dialog-body .form-item>label,.dialog-body .form-label,.category-edit-form .form-item>label,.um-dialog-body-compact .mgmt-edit-form .form-label{color:var(--mgmt-text-secondary)}.dialog-body .um-detail-compact .detail-item label{color:var(--mgmt-text-muted)}.dialog-body .um-detail-compact .detail-item span{color:var(--mgmt-text-body)}.page-container .pagination-info strong,.dialog-body .pagination-info strong{color:var(--mgmt-text-primary)}.dialog-overlay{position:fixed;inset:0;background:#0f172a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-content{background:#fff;border-radius:16px;width:100%;max-width:860px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;border:1px solid #eef2f7;box-shadow:0 4px 6px -1px #0f172a0d,0 16px 32px -8px #0f172a1f;overflow:hidden}.dialog-content.dialog-wide,.dialog-content.dialog-content-large{max-width:960px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#f8fafc);flex-shrink:0}.dialog-header h2{margin:0;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.45;color:var(--mgmt-text-primary);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-close{flex-shrink:0;width:30px;height:30px;padding:0;border:none;border-radius:50%;background:#f1f5f9;font-size:20px;font-weight:300;line-height:1;color:var(--mgmt-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s,transform .15s}.dialog-close:hover{color:var(--mgmt-text-primary);background:#e2e8f0;transform:scale(1.05)}.dialog-body{flex:1;overflow-y:auto;padding:18px 20px 20px;background:#fff}.dialog-body::-webkit-scrollbar{width:6px}.dialog-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid #eef2f7;background:#fafbfc;flex-shrink:0}.dialog-footer .btn{min-width:80px;height:34px;padding:0 16px;font-size:13px;border-radius:8px}.dialog-footer .btn-secondary{border:1px solid #e2e8f0;background:#fff;color:var(--mgmt-text-secondary)}.dialog-footer .btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc;color:var(--mgmt-text-body)}.dialog-footer .btn-primary{background:#2563eb;border:1px solid #2563eb;color:#fff}.dialog-footer .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.dialog-body .form-input,.dialog-body .form-select,.dialog-body .form-textarea{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:var(--mgmt-text-primary);background:#fff;transition:border-color .15s,box-shadow .15s}.dialog-body .form-input:focus,.dialog-body .form-select:focus,.dialog-body .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.dialog-body .form-label,.dialog-body .form-item>label{font-size:13px;font-weight:500;color:var(--mgmt-text-secondary)}.dialog-body .form-section{display:flex;flex-direction:column;gap:16px}.dialog-body .form-item{flex-direction:column;align-items:stretch;gap:6px}.dialog-body .form-item>label{width:auto}.dialog-body .form-hint{font-size:12px;color:var(--mgmt-text-hint);line-height:1.5}.dialog-body .section-title,.dialog-body .um-section-head{font-size:13px;font-weight:600;color:var(--mgmt-text-body);margin:0 0 12px;padding:0 0 0 10px;border:none;border-left:3px solid #3b82f6;line-height:1.4}.dialog-panel{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:14px 16px}.dialog-panel+.dialog-panel,.dialog-panel+.um-dialog-block{margin-top:16px}.um-dialog-block{margin-bottom:20px}.um-dialog-block:last-child{margin-bottom:0}.dialog-body .image-preview{border-radius:8px;overflow:hidden;border:1px solid #e8edf3}.dialog-body .btn-secondary{font-size:13px;border-radius:8px;border:1px solid #e2e8f0}.dialog-body .detail-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dialog-body .detail-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px}.dialog-body .detail-item.full-width{grid-column:1 / -1}.dialog-body .detail-item label{font-size:12px;font-weight:500;color:var(--mgmt-text-hint)}.dialog-body .detail-item span,.dialog-body .detail-content{font-size:13px;color:var(--mgmt-text-body);word-break:break-word}.dialog-body .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:640px){.dialog-body .detail-section,.dialog-body .form-row{grid-template-columns:1fr}}@media(max-width:1023px){.dialog-overlay{padding:12px}.dialog-content{max-height:calc(100vh - 24px)}.dialog-body{padding:14px 16px 16px}.dialog-footer{flex-wrap:wrap}}.um-dialog-body-compact{padding:14px 16px 16px!important}.um-dialog-body-compact .mgmt-edit-form{gap:10px!important}.um-dialog-body-compact .mgmt-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:10px}.um-dialog-body-compact .mgmt-edit-form .form-item{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:start;margin:0}.um-dialog-body-compact .mgmt-edit-form .form-row .form-item{grid-template-columns:72px minmax(0,1fr)}.um-dialog-body-compact .mgmt-edit-form .form-label,.um-dialog-body-compact .mgmt-edit-form .form-item>label{margin:0;padding-top:8px;text-align:right;font-size:13px;font-weight:500;color:var(--mgmt-text-secondary);line-height:1.3}.um-dialog-body-compact .mgmt-edit-form .form-input,.um-dialog-body-compact .mgmt-edit-form .form-select,.um-dialog-body-compact .mgmt-edit-form .form-textarea,.um-dialog-body-compact .mgmt-edit-form .cover-upload-section,.um-dialog-body-compact .mgmt-edit-form .upload-section,.um-dialog-body-compact .mgmt-edit-form .image-preview{grid-column:2;width:100%;min-width:0}.um-dialog-body-compact .mgmt-edit-form .error-message,.um-dialog-body-compact .mgmt-edit-form .form-hint{grid-column:2;font-size:12px}.um-dialog-body-compact .mgmt-edit-form .form-input.input-error,.um-dialog-body-compact .mgmt-edit-form .form-input.error{border-color:#dc2626}@media(max-width:720px){.um-dialog-body-compact .mgmt-edit-form .form-row{grid-template-columns:1fr}}.um-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dialog-body .um-detail-compact .detail-item{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;min-height:36px;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px}.dialog-body .um-detail-compact .detail-item.detail-item-wide,.dialog-body .um-detail-compact .detail-item.full-width{grid-column:1 / -1;align-items:flex-start}.dialog-body .um-detail-compact .detail-item label{width:72px;flex-shrink:0;margin:0;text-align:right;font-size:12px;font-weight:500;color:var(--mgmt-text-hint);line-height:1.3}.dialog-body .um-detail-compact .detail-item span{flex:1;min-width:0;font-size:13px;color:var(--mgmt-text-body);word-break:break-word;line-height:1.4}@media(max-width:640px){.um-detail-grid{grid-template-columns:1fr}}.category-edit-form{gap:10px!important}.category-edit-form .form-item{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:0}.category-edit-form .form-item>label{width:72px;flex-shrink:0;margin:0;padding-top:8px;text-align:right;font-size:13px;font-weight:500;color:var(--mgmt-text-secondary);line-height:1.3;white-space:nowrap}.category-edit-form .form-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.category-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:10px}.category-edit-form .form-row .form-item>label{width:56px}.category-edit-form .form-input,.category-edit-form .form-select,.category-edit-form .form-textarea{width:100%}.dialog-body .required{color:#dc2626;margin-left:2px}.dialog-body .error-message{font-size:12px;color:#dc2626}.order-detail-cover{width:120px;height:72px;border-radius:10px;object-fit:cover;border:1px solid #eef2f7}.order-detail-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:6px}.order-detail-user{display:inline-flex;align-items:center;gap:6px}.cell-order-no-inline{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.dialog-body .price-highlight{font-size:15px;font-weight:600;color:#dc2626}.dialog-body .status-badge.active{background:#d1fae5;color:#065f46}.dialog-body .status-badge.inactive{background:#fee2e2;color:#991b1b}.dialog-body .detail-section-divider{grid-column:1 / -1;margin-top:8px;padding-top:4px}.dialog-body .detail-section-divider h3{margin:0;font-size:13px;font-weight:600;color:var(--mgmt-text-primary);padding:0 0 0 10px;border-left:3px solid #3b82f6;line-height:1.4}.dialog-body .voucher-image{max-width:200px;max-height:120px;border-radius:8px;border:1px solid #eef2f7}.chain-section{margin-bottom:16px}.chain-section-title{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--mgmt-text-primary);padding-left:10px;border-left:3px solid #3b82f6}.chain-card{border:1px solid #eef2f7;border-radius:12px;overflow:hidden;background:#fff}.chain-card-current{border-color:#93c5fd;box-shadow:0 0 0 1px #2563eb14}.chain-card-header{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #eef2f7}.chain-card-name{font-size:14px;font-weight:600;color:var(--mgmt-text-primary)}.chain-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:4px;font-size:12px;color:var(--mgmt-text-muted)}.chain-card-body{padding:12px 14px}.chain-card-row{display:flex;gap:8px;font-size:13px;padding:4px 0;color:var(--mgmt-text-body)}.chain-card-row>span:first-child{flex-shrink:0;color:var(--mgmt-text-muted);min-width:72px}.chain-empty{text-align:center;padding:24px;color:var(--mgmt-text-hint);font-size:14px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px}@media(max-width:768px){.category-edit-form .form-row{grid-template-columns:1fr}}.dialog-list-section{display:flex;flex-direction:column;gap:12px}.dialog-list-toolbar{padding:12px 14px!important;margin:0}.dialog-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dialog-filter-label{flex-shrink:0;font-size:13px;font-weight:500;color:var(--mgmt-text-secondary);white-space:nowrap}.dialog-filter-select{min-width:140px;height:34px;padding:0 32px 0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:var(--mgmt-text-body);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer}.dialog-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.dialog-list-loading,.dialog-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px;padding:32px 16px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;color:var(--mgmt-text-hint);font-size:14px}.dialog-list-loading{color:var(--mgmt-text-muted)}.dialog-list-spinner{animation:dialog-list-spin .9s linear infinite;color:#3b82f6}@keyframes dialog-list-spin{to{transform:rotate(360deg)}}.dialog-list-empty p{margin:0}.dialog-list-card{border:1px solid #eef2f7;border-radius:12px;overflow:hidden;background:#fff}.dialog-list-card .table-wrapper{overflow-x:auto}.dialog-list-card .list-table{width:100%;min-width:720px;border-collapse:collapse}.dialog-list-card .dialog-audition-table{min-width:960px}.dialog-list-card .list-table thead{background:#f8fafc}.dialog-list-card .list-table th{padding:12px 14px;text-align:left;font-size:13px;font-weight:600;color:var(--mgmt-text-body);border-bottom:1px solid #e5e7eb;white-space:nowrap}.dialog-list-card .list-table td{padding:14px;border-bottom:1px solid #f1f5f9;font-size:13px;line-height:1.5;color:var(--mgmt-text-secondary);vertical-align:middle}.dialog-list-card .list-table tbody tr{transition:background .15s}.dialog-list-card .list-table tbody tr:hover{background:#f8fafc}.dialog-list-card .list-table tbody tr:last-child td{border-bottom:none}.dialog-list-card .list-table .col-index{width:56px;color:var(--mgmt-text-hint);text-align:center}.dialog-list-card .list-table .col-id{width:72px;font-variant-numeric:tabular-nums}.dialog-list-card .list-table .cell-order-no{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--mgmt-text-muted)}.dialog-list-card .list-table .cell-phone{white-space:nowrap;font-variant-numeric:tabular-nums}.dialog-list-card .list-table .cell-time{white-space:nowrap;font-size:12px;color:var(--mgmt-text-muted)}.dialog-list-card .list-table .cell-remark{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-body .status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}.dialog-body .status-badge.pay-status-unpaid{background:#fef3c7;color:#92400e}.dialog-body .status-badge.pay-status-paid{background:#dcfce7;color:#166534}.dialog-body .status-badge.pay-status-refunded{background:#fee2e2;color:#991b1b}.dialog-body .status-badge.audition-pending,.dialog-body .status-badge.audition-status-pending{background:#fef3c7;color:#92400e}.dialog-body .status-badge.audition-contacted,.dialog-body .status-badge.audition-status-contacted{background:#dbeafe;color:#1d4ed8}.dialog-body .status-badge.audition-cancelled,.dialog-body .status-badge.audition-status-cancelled{background:#f1f5f9;color:var(--mgmt-text-muted)}.dialog-body .dialog-list-pagination.pagination-wrapper,.dialog-body .dialog-list-section>.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:12px 14px;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px}.dialog-body .dialog-list-pagination .pagination-info,.dialog-body .dialog-list-section>.pagination-wrapper .pagination-info{font-size:13px;color:var(--mgmt-text-muted)}.dialog-body .dialog-list-pagination .pagination-info strong,.dialog-body .dialog-list-section>.pagination-wrapper .pagination-info strong{color:var(--mgmt-text-body);font-weight:600}.dialog-body .dialog-list-pagination .pagination-controls,.dialog-body .dialog-list-section>.pagination-wrapper .pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dialog-body .dialog-list-pagination .pagination-btn,.dialog-body .dialog-list-section>.pagination-wrapper .pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;font-weight:500;color:var(--mgmt-text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.dialog-body .dialog-list-pagination .pagination-btn:hover:not(:disabled),.dialog-body .dialog-list-section>.pagination-wrapper .pagination-btn:hover:not(:disabled){border-color:#cbd5e1;color:var(--mgmt-text-primary);box-shadow:0 1px 3px #0f172a0f}.dialog-body .dialog-list-pagination .pagination-btn.active,.dialog-body .dialog-list-section>.pagination-wrapper .pagination-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 6px #2563eb40}.dialog-body .dialog-list-pagination .pagination-btn:disabled,.dialog-body .dialog-list-section>.pagination-wrapper .pagination-btn:disabled{opacity:.45;cursor:not-allowed}.dialog-body .dialog-list-pagination .page-numbers,.dialog-body .dialog-list-section>.pagination-wrapper .page-numbers{display:flex;gap:6px;align-items:center}.dialog-body .dialog-list-pagination .pagination-ellipsis,.dialog-body .dialog-list-section>.pagination-wrapper .pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:36px;color:var(--mgmt-text-hint);font-size:14px;-webkit-user-select:none;user-select:none}.dialog-body .dialog-list-pagination .page-size-select,.dialog-body .dialog-list-section>.pagination-wrapper .page-size-select{height:36px;padding:0 32px 0 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:var(--mgmt-text-secondary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;appearance:none}.dialog-body .dialog-list-pagination .page-size-select:focus,.dialog-body .dialog-list-section>.pagination-wrapper .page-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}@media(max-width:767px){.dialog-overlay{padding:0;align-items:flex-end}.dialog-content,.dialog-content.dialog-wide,.dialog-content.dialog-content-large{max-width:100%;max-height:92vh;border-radius:12px 12px 0 0}.dialog-header h2{font-size:14px}.dialog-footer{flex-direction:column-reverse;padding:12px 16px}.dialog-footer .btn{width:100%;min-height:44px}}.page-container{width:100%;max-width:none;box-sizing:border-box}.page-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:16px}.page-header-title,.page-header h1{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:var(--mgmt-text-primary);letter-spacing:.01em}.page-header-desc,.page-header p{margin:0;padding-left:14px;border-left:1px solid #e2e8f0;font-size:13px;font-weight:400;line-height:1.4;color:var(--mgmt-text-muted)}.page-header-extra{margin-left:auto;display:flex;align-items:center;gap:10px}.page-toolbar-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:14px 18px;margin-bottom:16px;box-shadow:0 1px 2px #0f172a0a}.page-toolbar,.page-toolbar-card .filter-bar{margin:0}.page-toolbar .filter-group,.page-toolbar-card .filter-group{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.page-toolbar .filter-left,.page-toolbar-card .filter-left{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;flex-wrap:wrap;overflow-x:auto;scrollbar-width:thin}.page-toolbar .filter-right,.page-toolbar-card .filter-right{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:nowrap}.page-toolbar-card .filter-group:not(:has(.filter-left)){flex-wrap:wrap}.page-toolbar-card .search-input-wrapper,.page-toolbar .search-input-wrapper{position:relative;flex:0 0 auto;width:240px;max-width:280px}.page-toolbar-card .search-icon,.page-toolbar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mgmt-text-hint);pointer-events:none}.page-toolbar-card .search-input,.page-toolbar .search-input,.page-toolbar-card .filter-input,.page-toolbar .filter-input,.page-toolbar-card .filter-select,.page-toolbar .filter-select,.page-toolbar-card .form-select.filter-select{height:36px;padding:0 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:var(--mgmt-text-body);background:#fff;transition:border-color .15s,box-shadow .15s}.page-toolbar-card .search-input{width:100%;padding-left:38px}.page-toolbar-card .search-input:focus,.page-toolbar .search-input:focus,.page-toolbar-card .filter-input:focus,.page-toolbar .filter-input:focus,.page-toolbar-card .filter-select:focus,.page-toolbar .filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.page-toolbar-card .filter-input,.page-toolbar .filter-input{width:100px;min-width:100px;max-width:120px;flex:0 0 auto}.page-toolbar-card .filter-select,.page-toolbar .filter-select,.page-toolbar-card .form-select.filter-select,.page-toolbar .form-select.filter-select{width:112px;min-width:112px;max-width:140px;flex:0 0 auto;padding-right:28px}.page-toolbar-card .btn,.page-toolbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.page-toolbar-card .btn-primary,.page-toolbar .btn-primary{background:#2563eb;color:#fff}.page-toolbar-card .btn-primary:hover,.page-toolbar .btn-primary:hover{background:#1d4ed8}.page-toolbar-card .btn-secondary,.page-toolbar .btn-secondary{background:#fff;color:var(--mgmt-text-secondary);border:1px solid #e2e8f0}.page-toolbar-card .btn-secondary:hover,.page-toolbar .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.content-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0f172a0a}.content-card .table-container,.content-card .table-wrapper{margin-top:0}@media(max-width:1023px){.page-toolbar-card .filter-group{flex-wrap:wrap}.page-toolbar .filter-left,.page-toolbar-card .filter-left{flex-wrap:wrap;overflow-x:visible}.page-toolbar-card .search-input-wrapper,.page-toolbar .search-input-wrapper{width:100%;max-width:none;flex:1 1 100%}.page-toolbar-card .filter-input,.page-toolbar .filter-input,.page-toolbar-card .filter-select,.page-toolbar .filter-select,.page-toolbar-card .form-select.filter-select,.page-toolbar .form-select.filter-select{width:calc(50% - 6px);min-width:0;max-width:none}}@media(max-width:767px){.page-header{flex-direction:column;align-items:flex-start;gap:6px}.page-header-desc,.page-header p{padding-left:0;border-left:none}.page-toolbar-card{padding:12px 14px}.page-toolbar .filter-right,.page-toolbar-card .filter-right{width:100%;justify-content:flex-end;flex-wrap:wrap}}.content-card .list-table{width:100%;border-collapse:collapse}.content-card .list-table thead{background:#f9fafb}.content-card .list-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--mgmt-text-body);border-bottom:1px solid #e5e7eb;white-space:nowrap}.content-card .list-table td{padding:18px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;line-height:1.5;color:var(--mgmt-text-body);vertical-align:middle}.content-card .list-table tbody tr{transition:background .15s}.content-card .list-table tbody tr:hover{background:#f8fafc}.content-card .list-table tbody tr:last-child td{border-bottom:none}.content-card .table-empty-cell,.content-card .table-loading-cell{text-align:center;padding:40px;color:var(--mgmt-text-hint)}.content-card .text-ellipsis{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card .list-avatar,.content-card .list-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.content-card .list-avatar-placeholder{background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.content-card .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.content-card .status-badge.active,.content-card .status-badge.status-normal{background:#d1fae5;color:#065f46}.content-card .status-badge.inactive,.content-card .status-badge.status-disabled{background:#fee2e2;color:#991b1b}.content-card .status-badge.audit-pending{background:#fef3c7;color:#92400e}.content-card .status-badge.audit-approved{background:#d1fae5;color:#065f46}.content-card .status-badge.audit-rejected{background:#fee2e2;color:#991b1b}.content-card .stage-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.content-card .stage-badge.stage-pending{background:#fef3c7;color:#92400e}.content-card .stage-badge.stage-active{background:#dbeafe;color:#1d4ed8}.content-card .stage-badge.stage-done{background:#d1fae5;color:#065f46}.content-card .stage-badge.stage-lost{background:#f3f4f6;color:var(--mgmt-text-body)}.content-card .action-buttons{display:inline-flex;flex-wrap:nowrap;gap:6px;align-items:center;white-space:nowrap}.content-card .list-table td:has(.action-buttons),.content-card .list-table th:last-child{white-space:nowrap}.content-card .tree-item-content .action-buttons{flex-shrink:0}.content-card .action-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border:none;border-radius:8px;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer;white-space:nowrap;transition:filter .15s}.content-card .action-chip:hover{filter:brightness(.92)}.content-card .action-chip-info{background:#e0f2fe;color:#0369a1}.content-card .action-chip-primary{background:#dbeafe;color:#1d4ed8}.content-card .action-chip-success{background:#d1fae5;color:#047857}.content-card .action-chip-danger{background:#fee2e2;color:#b91c1c}.content-card .action-chip-orange{background:#ffedd5;color:#c2410c}.content-card .pagination-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding:8px 0 0;background:transparent;border:none}.content-card .pagination-info{font-size:13px;color:var(--mgmt-text-muted)}.content-card .pagination-info strong{color:var(--mgmt-text-body);font-weight:600}.content-card .pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.content-card .pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;font-weight:500;color:var(--mgmt-text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.content-card .pagination-btn:hover:not(:disabled){border-color:#cbd5e1;color:var(--mgmt-text-primary);box-shadow:0 1px 3px #0f172a0f}.content-card .pagination-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 6px #2563eb40}.content-card .pagination-btn:disabled{opacity:.45;cursor:not-allowed}.content-card .page-numbers{display:flex;gap:6px;align-items:center}.content-card .pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:36px;color:var(--mgmt-text-hint);font-size:14px;-webkit-user-select:none;user-select:none}.content-card .page-size-select{height:36px;padding:0 32px 0 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:var(--mgmt-text-secondary);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;appearance:none}.content-card .page-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.content-card .order-user-cell{display:flex;align-items:center;gap:8px;min-width:0}.content-card .order-avatar,.content-card .order-avatar-placeholder{width:32px;height:32px;border-radius:50%;flex-shrink:0}.content-card .order-avatar{object-fit:cover}.content-card .order-avatar-placeholder{background:#e2e8f0;color:var(--mgmt-text-muted);display:flex;align-items:center;justify-content:center;font-size:12px}.content-card .order-user-name{font-size:13px;color:var(--mgmt-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card .order-target-cell{display:flex;align-items:center;gap:8px;min-width:0}.content-card .order-target-cover{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #eef2f7}.content-card .order-target-title{font-size:13px;font-weight:500;color:var(--mgmt-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card .cell-order-no{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--mgmt-text-muted)}.content-card .type-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#f1f5f9;color:var(--mgmt-text-secondary)}.content-card .status-badge.pay-status-unpaid{background:#fef3c7;color:#92400e}.content-card .status-badge.pay-status-paid{background:#dcfce7;color:#166534}.content-card .status-badge.pay-status-refunded{background:#fee2e2;color:#991b1b}.page-info-tip{margin:-4px 0 16px;padding:10px 14px;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;font-size:13px;color:#1e40af;line-height:1.5}.mgmt-stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}.mgmt-stat-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px #0f172a0a}.mgmt-stat-card.mgmt-stat-card-action{display:flex;align-items:center;justify-content:center}.mgmt-stat-label{font-size:13px;font-weight:500;color:var(--mgmt-text-muted);margin-bottom:6px}.mgmt-stat-value{font-size:24px;font-weight:600;color:var(--mgmt-text-primary);line-height:1.2}.mgmt-tab-bar{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:#fff;border:1px solid #eef2f7;border-radius:12px;width:fit-content}.mgmt-tab-btn{padding:8px 18px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:var(--mgmt-text-secondary);cursor:pointer;transition:background .15s,color .15s}.mgmt-tab-btn:hover{color:var(--mgmt-text-primary);background:#f8fafc}.mgmt-tab-btn.active{background:#2563eb;color:#fff}.content-card .level-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#f1f5f9;color:var(--mgmt-text-secondary)}.content-card .level-badge.level-1{background:#dbeafe;color:#1d4ed8}.content-card .level-badge.level-2{background:#e0e7ff;color:#4338ca}.content-card .level-badge.level-3,.content-card .status-badge.status-pending,.dialog-body .status-badge.status-pending{background:#fef3c7;color:#92400e}.content-card .status-badge.status-processing,.dialog-body .status-badge.status-processing{background:#dbeafe;color:#1e40af}.content-card .status-badge.status-processed,.dialog-body .status-badge.status-processed{background:#d1fae5;color:#065f46}.content-card .status-badge.status-closed,.dialog-body .status-badge.status-closed{background:#f3f4f6;color:#4b5563}.content-card .status-badge.status-approved{background:#d1fae5;color:#065f46}.content-card .status-badge.status-rejected{background:#fee2e2;color:#991b1b}.content-card .amount-cell,.dialog-body .amount-highlight{font-weight:600;color:#dc2626}.page-container .content-card>.section-title,.page-container .content-card .section-title{font-size:16px;font-weight:600;color:var(--mgmt-text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #eef2f7}.page-container .content-card>.section-title:not(:first-child){margin-top:24px}.page-container .mgmt-settings-form{display:flex;flex-direction:column;gap:14px}.page-container .mgmt-settings-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.page-container .mgmt-settings-form .form-item{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}.page-container .mgmt-settings-form .form-item>label{font-size:13px;font-weight:500;color:var(--mgmt-text-secondary);line-height:1.4}.page-container .mgmt-settings-form .form-input-wrapper{display:flex;flex-direction:column;gap:4px}.page-container .mgmt-settings-form .form-input,.page-container .mgmt-settings-form .form-select,.page-container .mgmt-settings-form .form-textarea{width:100%;max-width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:var(--mgmt-text-body);background:#fff;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.page-container .mgmt-settings-form .form-input{height:36px}.page-container .mgmt-settings-form .form-select{height:36px;cursor:pointer}.page-container .mgmt-settings-form .form-textarea{resize:vertical;min-height:72px;line-height:1.5}.page-container .mgmt-settings-form .form-input:focus,.page-container .mgmt-settings-form .form-select:focus,.page-container .mgmt-settings-form .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.page-container .mgmt-settings-form .form-input.error{border-color:#dc2626}.page-container .mgmt-settings-form .form-hint,.page-container .mgmt-settings-form .error-message{font-size:12px;line-height:1.4}.page-container .mgmt-settings-form .form-hint{color:var(--mgmt-text-hint)}.page-container .mgmt-settings-form .error-message{color:#dc2626}.page-container .mgmt-settings-form .form-item-span-2{grid-column:1 / -1}.page-container .settings-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:88px;padding:6px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:var(--mgmt-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.page-container .settings-toggle-btn:hover{border-color:#91caff;color:#1677ff}.page-container .settings-toggle-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.page-container .form-actions.settings-footer{margin-top:24px;padding-top:20px;border-top:1px solid #eef2f7;display:flex;justify-content:flex-end}@media(max-width:768px){.page-container .mgmt-settings-form .form-row{grid-template-columns:1fr}}.table-container,.table-scroll,.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1023px){.page-header{flex-wrap:wrap;gap:12px}.page-header h1{font-size:20px}.content-card{padding:16px;border-radius:8px}.filter-bar{margin-bottom:16px}.filter-group{flex-direction:column;align-items:stretch}.filter-left,.filter-right{width:100%;flex-wrap:wrap}.search-input-wrapper{width:100%!important;max-width:none}.filter-select,.filter-input{width:100%;min-width:0}.pagination{flex-wrap:wrap;justify-content:center;gap:8px}.data-table{min-width:640px}.btn-primary,.btn-secondary,.btn-danger{min-height:40px}}@media(max-width:767px){.page-header{margin-bottom:16px}.page-header h1{font-size:18px}.page-header p{font-size:13px}.content-card{padding:12px}.modal-overlay,.dialog-overlay{padding:0;align-items:flex-end}.modal-content,.dialog-content{width:100%!important;max-width:100%!important;max-height:92vh;border-radius:12px 12px 0 0;margin:0}.modal-footer,.dialog-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn,.dialog-footer .btn{width:100%;min-height:44px}.detail-grid,.form-grid{grid-template-columns:1fr!important}.action-buttons{flex-wrap:nowrap;gap:6px}}@supports (padding: env(safe-area-inset-bottom)){.admin-layout.is-mobile .header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.admin-layout.is-mobile .content{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
