*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#f5f5f5;color:#1a1a1a}.container{max-width:480px;margin:80px auto;padding:32px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}h1{font-size:1.5rem;margin-bottom:24px;text-align:center}.btn{display:block;width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-bottom:12px}.btn-primary{background:#06f;color:#fff}.btn-secondary{background:#e5e5e5;color:#333}.btn:hover{opacity:.9}input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:12px}.error{color:#d32f2f;font-size:.875rem;margin-bottom:12px}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid #eee;font-size:.875rem}th{background:#f9f9f9;font-weight:600}.actions{display:flex;gap:8px}.actions button{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.8rem}