*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #e8865c;--primary-dark: #cf6c43;--primary-soft: rgba(232, 134, 92, .12);--bg: #0f1115;--bg-card: #171a21;--bg-elev: #1e222b;--bg-hover: #232833;--text: #e6e8ec;--text-muted: #8b919e;--border: #262b36;--success: #34d399;--danger: #f87171;--warning: #fbbf24;--info: #60a5fa;--radius: 10px;--radius-sm: 7px}html{color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh}::selection{background:var(--primary-soft);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#333a48}.login-page{display:flex;min-height:100vh}.login-left{flex:1;background:radial-gradient(circle at 30% 20%,rgba(232,134,92,.18),transparent 55%),linear-gradient(150deg,#1a1d26,#0f1115);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:var(--text)}.login-logo{display:flex;align-items:center;gap:.75rem;font-size:2.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.75rem}.login-logo .icon{color:var(--primary)}.login-left p{color:var(--text-muted);letter-spacing:.35em;font-size:.8rem;text-transform:uppercase}.login-right{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.login-form{width:100%;max-width:380px}.login-form h1{font-size:1.65rem;font-weight:600;margin-bottom:.35rem}.login-form p{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.45rem;font-weight:500;font-size:.85rem;color:var(--text-muted)}.form-group input{width:100%;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--bg-elev);color:var(--text);transition:border-color .15s,box-shadow .15s}.form-group input::placeholder{color:#5c6474}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-group input:disabled{opacity:.55;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.btn-primary{background:var(--primary);color:#1a1008;font-weight:600;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--bg-elev);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:#333a48}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.layout{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-logo{display:flex;align-items:center;gap:.6rem;padding:1.35rem 1.4rem;font-size:1.05rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.sidebar-logo .icon{color:var(--primary)}.sidebar-menu{flex:1;padding:.75rem .6rem;display:flex;flex-direction:column;gap:.15rem}.menu-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:background .15s,color .15s}.menu-item:hover{background:var(--bg-elev);color:var(--text)}.menu-item.active{background:var(--primary-soft);color:var(--primary);font-weight:500}.sidebar-user{padding:.9rem 1.1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.user-info{display:flex;align-items:center;min-width:0}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;margin-right:.65rem;flex-shrink:0}.user-name{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-points{font-size:.75rem;color:var(--text-muted)}.role-tag{display:inline-block;margin-left:.35rem;padding:.05rem .35rem;border-radius:4px;background:var(--primary-soft);color:var(--primary);font-size:.6rem;font-weight:700;letter-spacing:.05em;vertical-align:1px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:58px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.header h1{font-size:1.05rem;font-weight:600}.content{flex:1;padding:1.5rem;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border)}.stat-card h3{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.stat-card .label{color:var(--text-muted);font-size:.8rem;margin-bottom:.4rem}.stat-card .value{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-card .sub{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.stat-card table{width:100%;border-collapse:collapse;font-size:.875rem}.stat-card table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:.8rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.stat-card table td{padding:.45rem 0;font-variant-numeric:tabular-nums}.import-grid{display:grid;grid-template-columns:1fr 1fr 300px;gap:1.25rem}.import-section{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border)}.import-section h3{margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.import-section h3 .icon{color:var(--text-muted)}.code-input{width:100%;height:300px;padding:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Consolas,Monaco,monospace;font-size:.85rem;resize:none;background:var(--bg-elev);color:var(--text);line-height:1.7}.code-input::placeholder{color:#5c6474}.code-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.email-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:200px;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem}.email-placeholder .icon{color:#4a5262;margin-bottom:.25rem}.settings-group{margin-bottom:1.25rem}.settings-group>label{display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem;font-weight:500;font-size:.85rem;color:var(--text-muted)}.settings-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;line-height:1.5}.must-change{padding:.7rem .9rem;border:1px solid rgba(251,191,36,.3);background:#fbbf241a;color:var(--warning);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1rem}.btn-group{display:flex;gap:.4rem}.btn-group button{flex:1;padding:.5rem .65rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.82rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-group button:hover:not(:disabled):not(.active){background:var(--bg-hover);color:var(--text)}.btn-group button.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.btn-group button:disabled{opacity:.4;cursor:not-allowed}.pin-input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Consolas,Monaco,monospace;text-align:center;font-size:1.15rem;letter-spacing:.5rem;text-indent:.5rem;background:var(--bg-elev);color:var(--text)}.pin-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.import-summary{display:flex;align-items:center;gap:2rem;padding:.9rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;font-size:.875rem}.import-summary .summary-item{display:flex;align-items:center;gap:.45rem;color:var(--text-muted)}.import-summary .summary-item strong{color:var(--text);font-variant-numeric:tabular-nums}.import-summary .icon{color:var(--text-muted)}.import-actions{display:flex;gap:.5rem}.import-actions .btn-primary{width:auto;flex:1}.orders-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.orders-toolbar input,.orders-toolbar select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);font-size:.85rem;font-family:inherit}.orders-toolbar input{min-width:220px}.orders-toolbar input::placeholder{color:#5c6474}.orders-toolbar input:focus,.orders-toolbar select:focus{outline:none;border-color:var(--primary)}.orders-toolbar .count{margin-left:auto;font-size:.85rem;color:var(--text-muted)}.orders-table{width:100%;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}.orders-table th,.orders-table td{padding:.65rem .9rem;text-align:left;border-bottom:1px solid var(--border)}.orders-table th{background:var(--bg-elev);font-weight:600;font-size:.78rem;color:var(--text-muted);position:sticky;top:0}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover{background:var(--bg-elev)}.orders-table .btn-secondary{padding:.2rem .5rem;font-size:.75rem}.orders-table .cell-actions{display:flex;gap:.3rem}.btn-danger-text{color:var(--danger)}.btn-danger-text:hover:not(:disabled){border-color:var(--danger)}.mono{font-family:Consolas,Monaco,monospace}.status-badge{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.72rem;font-weight:500;border:1px solid transparent}.status-success{background:#34d3991f;color:var(--success);border-color:#34d39940}.status-failed{background:#f871711f;color:var(--danger);border-color:#f8717140}.status-pending{background:#fbbf241f;color:var(--warning);border-color:#fbbf2440}.status-processing{background:#60a5fa1f;color:var(--info);border-color:#60a5fa40}.pagination{display:flex;justify-content:center;gap:.35rem;margin-top:1.25rem}.pagination button{min-width:34px;padding:.4rem .7rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-family:inherit}.pagination button:hover:not(:disabled):not(.active){background:var(--bg-elev);color:var(--text)}.pagination button.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.pagination button:disabled{opacity:.35;cursor:not-allowed}.announcement{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border)}.announcement h3{margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.announcement h3 .icon{color:var(--text-muted)}.announcement-content{line-height:1.8;font-size:.875rem;color:var(--text-muted)}.announcement-content h4{margin-top:1rem;margin-bottom:.35rem;font-size:.875rem;color:var(--text)}.announcement-content ul{padding-left:1.25rem}.announcement-content strong{color:var(--text)}@media (max-width: 1024px){.import-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{display:none}.login-page{flex-direction:column}.login-left{padding:2.5rem 2rem;border-right:none;border-bottom:1px solid var(--border)}.content{padding:1rem}}