:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #dfe2e7;--color-text: #1c1f26;--color-text-muted: #676d7a;--color-primary: #2f5fda;--color-primary-hover: #2650b8;--color-danger: #d0342c;--color-success: #1a8f4c;--color-warning: #b8790a;--radius: 8px;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text)}button{font-family:inherit;cursor:pointer}table{border-collapse:collapse;width:100%}.btn{border:1px solid transparent;border-radius:var(--radius);padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .15s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-danger{background:#fdecea;color:var(--color-danger);border-color:#f6c6c2}.btn:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#e6f6ed;color:var(--color-success)}.badge-danger{background:#fdecea;color:var(--color-danger)}.badge-warning{background:#fdf3e2;color:var(--color-warning)}.badge-neutral{background:#eef0f3;color:var(--color-text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.page-header h1{font-size:1.4rem;margin:0}.page-header-actions{display:flex;align-items:center;gap:.6rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem}.toolbar input[type=search]{width:100%;max-width:360px;padding:.5rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius)}.toolbar select{padding:.5rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:.9rem}table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}thead{background:var(--color-bg)}th,td{text-align:left;padding:.7rem .9rem;font-size:.88rem;border-bottom:1px solid var(--color-border)}tbody tr:last-child td{border-bottom:none}td.actions{display:flex;gap:.5rem;justify-content:flex-end}td.empty{text-align:center;color:var(--color-text-muted);padding:2rem}.modal-backdrop{position:fixed;inset:0;background:#10182873;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:.8rem;box-shadow:var(--shadow)}.modal h2{margin:0;font-size:1.1rem}.modal label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--color-text-muted)}.modal input,.modal select,.modal textarea{padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem;font-family:inherit}.modal .checkbox-label{flex-direction:row;align-items:center;gap:.5rem}.modal .checkbox-label input{width:auto}.modal .error{margin:0;color:var(--color-danger);font-size:.85rem;white-space:pre-line}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.modal dl{margin:0}.modal dt{font-size:.8rem;color:var(--color-text-muted);margin-top:.5rem}.modal dd{margin:.15rem 0 0;font-size:1rem}