:root{--primary: #0d9f6e;--primary-dark: #0b8a60;--primary-light: #e6f6f0;--sidebar-bg: #1a2740;--sidebar-active: #0d9f6e;--sidebar-text: #8fa0bd;--bg: #f4f6f9;--card: #ffffff;--text: #1f2937;--text-2: #6b7280;--text-3: #9ca3af;--border: #e8ecf1;--orange: #f59e0b;--purple: #8b5cf6;--red: #ef4444;--blue: #3b82f6;--radius: 10px;--shadow: 0 1px 3px rgba(16, 24, 40, .06)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:216px;flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;transition:width .2s}.sidebar.collapsed{width:64px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:18px 16px;color:#fff}.sidebar-logo .logo-box{width:30px;height:30px;border-radius:7px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0;object-fit:cover}.sidebar-logo .logo-text{font-size:16px;font-weight:600;white-space:nowrap}.sidebar.collapsed .logo-text,.sidebar.collapsed .menu-label{display:none}.sidebar-menu{flex:1;padding:8px 10px;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--sidebar-text);cursor:pointer;margin-bottom:4px;font-size:14px;white-space:nowrap;transition:all .15s}.menu-item:hover{color:#fff;background:#ffffff0f}.menu-item.active{background:var(--sidebar-active);color:#fff}.sidebar-footer{padding:12px 10px;border-top:1px solid rgba(255,255,255,.07)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0}.topbar .collapse-btn{border:none;background:none;cursor:pointer;color:var(--text-2);display:flex;padding:6px;border-radius:6px}.topbar .collapse-btn:hover{background:var(--bg)}.breadcrumb{color:var(--text-3);font-size:13px}.breadcrumb b{color:var(--text);font-weight:500}.breadcrumb .sep{margin:0 6px}.topbar .admin{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.topbar .admin .avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;object-fit:cover}.content{flex:1;overflow-y:auto;padding:22px 26px}.page-title{font-size:20px;font-weight:600}.page-desc{color:var(--text-3);font-size:13px;margin-top:4px}.page-head{display:flex;align-items:flex-start;margin-bottom:18px}.page-head .actions{margin-left:auto;display:flex;gap:10px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);transition:all .15s;white-space:nowrap}.btn:hover{border-color:#cfd6df;background:#fafbfc}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.danger:hover{background:#dc2626}.btn.text{border:none;background:none;color:var(--primary);padding:4px 8px}.btn.text:hover{background:var(--primary-light)}.btn.text.gray{color:var(--text-2)}.btn.text.gray:hover{background:var(--bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.lg{padding:11px 20px;font-size:14px}.btn.block{width:100%}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none;transition:border .15s;background:#fff;color:var(--text);font-family:inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.textarea{resize:vertical;min-height:80px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: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='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.form-item{margin-bottom:18px}.form-label{font-size:13px;font-weight:500;margin-bottom:8px;display:block}.form-label .required{color:var(--red);margin-left:2px}.form-hint{font-size:12px;color:var(--text-3);margin-top:6px}.switch{width:38px;height:21px;border-radius:11px;background:#d1d5db;position:relative;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 2px #0003}.switch.on{background:var(--primary)}.switch.on:after{left:19px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge.orange{background:#fef3e2;color:#d97706}.badge.purple{background:#f1eafc;color:#7c3aed}.badge.green{background:#e6f6f0;color:var(--primary)}.badge.gray{background:#f1f3f5;color:var(--text-2)}.badge.code{background:#fef3e2;color:#d97706;font-weight:600;letter-spacing:1px}.table-wrap{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:var(--text-3);font-weight:500;padding:12px 16px;border-bottom:1px solid var(--border);background:#fafbfc}.table td{padding:13px 16px;border-bottom:1px solid #f2f4f7;font-size:13px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafcfd}.checkbox{width:16px;height:16px;border:1.5px solid #d1d5db;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#fff;transition:all .15s;vertical-align:middle;flex-shrink:0}.checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:12px;width:400px;max-width:calc(100vw - 40px);padding:22px;animation:pop .18s ease}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:16px;font-weight:600;margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-desc{color:var(--text-2);font-size:13px;line-height:1.6}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:999;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:8px;background:#fff;padding:10px 18px;border-radius:8px;box-shadow:0 4px 16px #0000001f;font-size:13px}.toast.success{color:var(--primary)}.toast.error{color:var(--red)}.toast.info{color:var(--text-2)}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-10px)}.pagination{display:flex;align-items:center;gap:6px;padding:14px 16px;justify-content:flex-end}.pagination .page-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:var(--text-2)}.pagination .page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .total{font-size:12px;color:var(--text-3);margin-right:auto}.pagination .page-size{height:30px;margin-right:8px;padding:0 4px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:12.5px;color:var(--text-2);cursor:pointer;outline:none}.pagination .page-size:hover{border-color:var(--primary)}.empty{text-align:center;padding:60px 20px;color:var(--text-3)}.empty .empty-icon{width:72px;height:72px;border-radius:50%;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;color:#c3cad4}.icon-btn{border:none;background:none;cursor:pointer;color:var(--text-3);padding:5px;border-radius:6px;display:inline-flex;transition:all .15s}.icon-btn:hover{background:var(--bg);color:var(--text)}.icon-btn.green:hover{background:var(--primary-light);color:var(--primary)}.icon-btn.red:hover{background:#fdecec;color:var(--red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d5dae2;border-radius:4px}::-webkit-scrollbar-track{background:transparent}