:root{--primary: #1a73e8;--primary-light: #e8f0fe;--danger: #e74c3c;--success: #27ae60;--warning: #f39c12;--bg: #f5f7fa;--card-bg: #fff;--text: #333;--text-light: #666;--text-lighter: #999;--border: #e4e7ed;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--radius: 8px}html,body,#app{height:100%;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:none;border-radius:var(--radius);font-size:14px;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1557b0}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:4px 12px;font-size:12px}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}input,select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--primary)}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg);font-weight:600;color:var(--text-light);white-space:nowrap}tr:hover td{background:var(--primary-light)}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-success{background:#e8f8ef;color:var(--success)}.tag-danger{background:#fde8e8;color:var(--danger)}.tag-warning{background:#fef5e7;color:var(--warning)}.tag-info{background:var(--primary-light);color:var(--primary)}.tag-purple{background:#f0ebf8;color:#7367f0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h2{font-size:20px;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat-card .label{font-size:13px;color:var(--text-lighter);margin-bottom:4px}.stat-card .value{font-size:24px;font-weight:700;color:var(--text)}.empty,.loading{text-align:center;padding:40px;color:var(--text-lighter)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-body{background:#fff;border-radius:var(--radius);padding:24px;min-width:500px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px #00000026}.modal-body h3{margin-bottom:16px;font-size:18px}