:root{--bg-color: #F4F4F4;--card-bg: rgba(255, 255, 255, .85);--text-primary: #2A2D3E;--text-secondary: #64748b;--accent-color: #2697FF;--accent-hover: #1b81e0;--danger-color: #ef4444;--border-color: rgba(0, 0, 0, .1);--glass-border: 1px solid rgba(255, 255, 255, .6)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(38,151,255,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(38,151,255,.05) 0px,transparent 50%)}#root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.container{flex:1;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:2rem;padding-bottom:0;width:100%;height:100%;overflow:hidden}.scrollable-card{flex:1;overflow-y:auto;display:flex;flex-direction:column}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #0000000d}.header{margin-bottom:2rem;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);background:none;-webkit-text-fill-color:initial}.header p{color:var(--text-secondary);font-size:1.1rem}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.95rem}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px #2697ff33}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:var(--text-primary);border:1px solid #e2e8f0}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-danger{background-color:#fee2e2;color:#ef4444}.btn-danger:hover{background-color:#fecaca}.data-table-container{overflow-x:auto;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff}table{width:100%;border-collapse:separate;border-spacing:.5rem .5rem;text-align:left}th{padding:1rem;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}td{padding:.75rem;border-top:1px solid #f1f5f9}input{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;padding:.5rem .75rem;color:var(--text-primary);font-size:.95rem;transition:all .2s}input:focus{outline:none;border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 2px #2697ff1a}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s}.icon-btn:hover{color:var(--danger-color);background-color:#ef44441a}.btn-duplicate:hover{color:var(--accent-color)!important;background-color:#2697ff1a!important}.page-footer{text-align:center;padding:.5rem 0;margin-top:1rem}.data-table-container{overflow-x:auto;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;flex:1;min-height:0}@media(max-width:768px){.container{padding:1rem}.header h1{font-size:2rem}.actions-bar{flex-direction:column;align-items:stretch}.btn{justify-content:center}}