*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(150deg,#fff0f6,#fdf2f8 35%,#fff5f7 60%,#fff7ed);background-attachment:fixed;color:#1e1b4b;min-height:100vh}a{color:#db2777;text-decoration:none;transition:color .15s}a:hover{color:#9d174d;text-decoration:none}header.nav{background:linear-gradient(90deg,#831843,#be185d 35%,#db2777 65%,#ec4899);color:#fff;padding:0 28px;height:58px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 24px #db277773;position:sticky;top:0;z-index:100}header.nav a{color:#ffffffe0;margin-right:22px;font-weight:500;font-size:14px;letter-spacing:.01em;transition:color .15s}header.nav a:hover{color:#fff}.nav-menu{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-menu a{margin-right:0}.nav-menu .nav-user{color:#ffffffc7;font-size:13px;font-weight:500}.nav-toggle{display:none}header.nav .nav-brand{font-size:18px;font-weight:800;letter-spacing:-.03em;color:#fff;display:flex;align-items:center;gap:8px;margin-right:28px}header.nav .nav-brand span{display:inline-block;background:linear-gradient(135deg,#fbbf24,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-ghost{background:transparent!important;border:1.5px solid rgba(255,255,255,.55)!important;color:#ffffffe6!important;box-shadow:none!important;font-size:13px!important;padding:6px 14px!important}.btn-ghost:hover{background:#ffffff26!important;border-color:#fff!important;color:#fff!important;transform:none!important}.container{max-width:960px;margin:28px auto;padding:0 24px}.card{background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;padding:26px 28px;margin-bottom:22px;border:1px solid rgba(236,72,153,.12);box-shadow:0 4px 28px #db27771a,0 1px 6px #0000000a;transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:0 8px 40px #db277729,0 2px 10px #0000000f;transform:translateY(-2px)}h1,h2{margin-top:0;font-weight:800;letter-spacing:-.03em;background:linear-gradient(120deg,#db2777,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3{margin-top:0;font-weight:700;letter-spacing:-.02em;background:linear-gradient(120deg,#be185d,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:10px 22px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.02em;box-shadow:0 3px 12px #ec489959;transition:transform .15s,box-shadow .15s,filter .15s}button:hover{filter:brightness(1.08);box-shadow:0 6px 20px #ec489973;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none;filter:none}.link-btn{background:none!important;border:none;padding:0;margin:0;font:inherit;font-weight:inherit;letter-spacing:normal;color:#db2777;box-shadow:none!important;text-decoration:underline;text-decoration-style:dotted;cursor:pointer}.link-btn:hover{filter:none;transform:none;box-shadow:none;color:#9d174d}.link-btn:active{transform:none}input,textarea,select{width:100%;padding:10px 14px;border:1.5px solid #fbcfe8;border-radius:10px;font-size:14px;margin-bottom:14px;background:#ffffffeb;color:#1e1b4b;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,textarea:focus,select:focus{border-color:#db2777;box-shadow:0 0 0 4px #db27771f}input::placeholder{color:#f9a8d4}label{display:block;font-weight:700;margin-bottom:5px;font-size:11px;color:#be185d;letter-spacing:.08em;text-transform:uppercase}table{width:100%;border-collapse:collapse}th{background:linear-gradient(90deg,#fdf2f8,#fff5f7);color:#be185d;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:10px 14px;border-bottom:2px solid #fbcfe8;text-align:left}td{padding:11px 14px;border-bottom:1px solid #fdf2f8;color:#374151;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:#ec48990a}.error{background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#9f1239;border:1px solid #fecdd3;padding:11px 16px;border-radius:10px;margin-bottom:14px;font-size:14px;font-weight:500}.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#14532d;border:1px solid #86efac;padding:11px 16px;border-radius:10px;margin-bottom:14px;font-size:14px;font-weight:500}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.badge-archived{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}#root{min-height:100vh;display:flex;flex-direction:column}.container{flex:1 0 auto}@media (max-width: 640px){.container{margin:14px auto;padding:0 12px}.card{padding:18px 15px;margin-bottom:16px;border-radius:14px}h2{font-size:22px}th{padding:8px;font-size:10px;letter-spacing:.04em}td{padding:9px 8px;font-size:13px}header.nav{padding:0 14px;height:54px}header.nav .nav-brand{font-size:16px;margin-right:10px}.nav-toggle{display:block;margin-left:auto;background:transparent;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:none;padding:4px 8px;border-radius:8px}.nav-toggle:hover,.nav-toggle:active{background:#ffffff24;transform:none;box-shadow:none;filter:none}.nav-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding:4px 16px 12px;background:linear-gradient(90deg,#9d174d,#be185d 60%,#db2777);box-shadow:0 12px 30px #9d174d6b;display:none}.nav-menu.open{display:flex}.nav-menu a,.nav-menu .nav-user{padding:11px 2px;font-size:14px;margin:0;border-top:1px solid rgba(255,255,255,.16)}.nav-menu .btn-ghost{margin-top:12px;width:100%}}.container>p{color:#ec4899;font-weight:500;font-size:15px;padding:40px 0;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.info-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:90vw;background:#831843;color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;box-shadow:0 8px 28px #83184366;z-index:2000;cursor:pointer;animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}