*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#222;background:#fff}#app{min-height:100vh}.container{max-width:960px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;background:#000;color:#fff;text-decoration:none;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn:hover{background:#333}.card{border:1px solid #eee;padding:16px;border-radius:6px;background:#fff;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.action-btn{padding:9px 18px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.03)}.action-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.action-btn.primary{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 2px 4px rgba(14,165,233,.2)}.action-btn.primary:hover{background:#0284c8;border-color:#0284c8;box-shadow:0 3px 6px rgba(14,165,233,.25)}.action-btn.secondary{color:#0ea5e9;border-color:#bae6fd}.action-btn.danger{color:#ef4444;border-color:#fecaca}.action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}