@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--bg:#030712;--sidebar:#0f172a;--card:#1e293b;--card-h:#334155;--accent:#6366f1;--accent-glow:#6366f14d;--text:#f8fafc;--text-dim:#94a3b8;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--border:#ffffff14;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;margin:0;font-family:Inter,sans-serif;overflow:hidden}.app-wrap{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 15px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field.full{grid-column:span 2}label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:#fff;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s ease-in-out}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-outline{background:var(--border);color:var(--text);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--card-h)}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--text-dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s ease-in-out;display:inline-flex}.icon-btn:hover{color:#fff;border-color:var(--text-dim)}.icon-btn.delete:hover{color:var(--danger);border-color:var(--danger)}.icon-btn.pinned{color:var(--accent);border-color:var(--accent);background:#6366f126}.icon-btn.pinned:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a}.section-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;transition:all .2s ease-in-out;position:relative}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-title{color:#fff;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.switch{flex-shrink:0;width:40px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--card-h);border:1px solid var(--border);border-radius:20px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:2px;left:2px}.switch input:checked+.slider{background-color:var(--success);border-color:var(--success)}.switch input:checked+.slider:before{transform:translate(20px)}.toggle-wrap{cursor:pointer;width:40px;height:22px;display:inline-block;position:relative}.toggle-wrap input{opacity:0;width:0;height:0}.toggle-slider{background-color:var(--text-dim);border-radius:11px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-wrap input:checked+.toggle-slider{background-color:var(--accent)}.toggle-wrap input:checked+.toggle-slider:before{transform:translate(18px)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.item-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .2s ease-in-out;display:flex}.item-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.item-img{object-fit:cover;background:var(--card);border-radius:8px;width:80px;height:45px}.item-info{flex:1;min-width:0}.item-title{white-space:nowrap;text-overflow:ellipsis;color:#fff;margin-bottom:.25rem;font-size:.95rem;font-weight:700;overflow:hidden}.item-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.item-actions{gap:.5rem;display:flex}.logs-console{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;height:400px;padding:1.25rem;font-family:Courier New,Courier,monospace;font-size:.85rem;display:flex;overflow-y:auto;background:#020617!important}.log-entry{border-bottom:1px solid #ffffff05;gap:.75rem;padding-bottom:4px;line-height:1.4;display:flex}.log-time{color:#6366f1;flex-shrink:0}.log-category{color:#f43f5e;flex-shrink:0;font-weight:700}.log-message{color:#e2e8f0;word-break:break-all}@media (width<=768px){body{height:auto;overflow-y:auto}.app-wrap{flex-direction:column;height:auto;overflow-y:visible}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:span 1}.items-grid{grid-template-columns:1fr}.item-card{text-align:center;flex-direction:column;align-items:stretch}.item-info{text-align:center}.item-meta{justify-content:center}.item-title{white-space:normal}.item-actions{justify-content:center}}