@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f4f6f8;--bg-surface:#fff;--bg-surface-hover:#f9fafb;--text-primary:#3f3e3e;--text-secondary:#717171;--primary-color:#ea1d2c;--primary-hover:#cf1424;--success:#00a000;--danger:#ea1d2c;--warning:#e8a317;--border-color:#e5e5e5;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-lg:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--primary-color);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;width:260px;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-lg)}.btn{border-radius:var(--radius);transition:var(--transition);border:none;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.form-control{border-radius:var(--radius);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition);background-color:#fff;padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #ea1d2c1a}.table-responsive{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;font-size:.8rem;font-weight:600}tbody tr{background-color:var(--bg-surface);transition:var(--transition)}tbody tr:hover{background-color:var(--bg-surface-hover)}