@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg-color:#050505;--text-primary:#ffffff;--text-muted:#a1a1aa;--card-bg:rgba(20,20,25,0.5);--card-border:rgba(255,255,255,0.08);--card-blur:blur(20px);--brand:#10b981;--brand-hover:#34d399;--brand-active:#059669;--brand-glow:rgba(16,185,129,0.4);--secondary-bg:rgba(255,255,255,0.06);--secondary-hover:rgba(255,255,255,0.12);--danger:#ef4444;--danger-hover:#f87171;--input-bg:rgba(0,0,0,0.3);--input-border:rgba(255,255,255,0.1);--input-focus:rgba(16,185,129,0.5);--radius-lg:16px;--radius-md:12px;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(16,185,129,.12),transparent 25%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.12),transparent 25%);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--secondary-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-hover)}button,input,select,textarea{font-family:inherit;font-size:.95rem;outline:none}.content-card,.editor-card,.error-card,.hero-card,.item-card,.loading-card{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);padding:20px;margin-bottom:16px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.item-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px 0 rgba(0,0,0,.4);background:rgba(30,30,35,.6);border-color:rgba(255,255,255,.15)}h1{font-size:1.75rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.5)}h2{font-size:1.4rem;font-weight:600}h2,h3{margin:0 0 12px}h3{font-size:1.2rem;color:var(--brand)}h3,h4{font-weight:500}h4{font-size:1.1rem;margin:0 0 8px;color:#fff}p{margin:0 0 10px;line-height:1.5;color:var(--text-muted)}button{border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);background:var(--brand);color:#fff;padding:10px 16px;font-weight:500;cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}button:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-glow)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);box-shadow:none;transform:none}button.active{background:var(--brand);box-shadow:0 0 15px var(--brand-glow);border-color:rgba(255,255,255,.2)}button.secondary{background:var(--secondary-bg);color:var(--text-primary);border-color:var(--card-border)}button.secondary:hover:not(:disabled){background:var(--secondary-hover);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:rgba(255,255,255,.15)}button.danger{background:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-hover);box-shadow:0 4px 12px rgba(239,68,68,.4)}input,select,textarea{width:100%;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);padding:12px 14px;transition:all var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-glow);background:rgba(0,0,0,.5)}input::placeholder,textarea::placeholder{color:#63636b}textarea{resize:vertical;min-height:80px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}select option{background-color:#1a1a1e;color:white}.app-shell{max-width:800px;margin:0 auto;animation:fade-in .6s ease-out;padding:16px 16px 90px}.segmented-control{display:flex;background:var(--input-bg);border:1px solid var(--input-border);border-radius:20px;padding:4px;gap:4px}.segment{flex:1 1;text-align:center;padding:8px 16px;border-radius:16px;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-muted);border:none;background:transparent;box-shadow:none}.segment:hover{color:#fff;transform:none;box-shadow:none;background:rgba(255,255,255,.05)}.segment.active{background:var(--brand);color:#fff;box-shadow:0 4px 12px var(--brand-glow)}.icon-button{width:40px;height:40px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center}.icon-button.rounded{border-radius:12px}.icon-button svg{width:18px;height:18px}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--brand);color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px var(--brand-glow);z-index:40;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.fab svg{width:24px;height:24px}.toolbar{flex-wrap:wrap}.header-toolbar,.toolbar{display:flex;gap:10px;margin-top:14px}.header-toolbar{justify-content:space-between;align-items:center}.panel{display:grid;grid-gap:16px;gap:16px}.editor-grid{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.list-header{justify-content:space-between;flex-wrap:wrap;margin-top:8px;margin-bottom:8px}.list-header,.pager{display:flex;align-items:center;gap:12px}.pager{font-weight:500}.empty,.loading,.pager{color:var(--text-muted)}.empty,.loading{border:1px dashed var(--card-border);border-radius:var(--radius-md);padding:32px 24px;text-align:center;background:rgba(0,0,0,.2);font-size:1.1rem;animation:fade-in .4s ease-out}.error-card{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1);color:#fca5a5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-host{position:fixed;right:16px;top:16px;z-index:50;display:grid;grid-gap:10px;gap:10px;width:min(90vw,320px);pointer-events:none}.toast{border-radius:var(--radius-md);background:rgba(20,20,25,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);color:var(--text-primary);box-shadow:0 10px 40px rgba(0,0,0,.5);padding:14px 16px;animation:toast-in .4s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto;font-weight:500;display:flex;align-items:center;gap:12px}.toast:before{content:"";display:block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.toast.success:before{background:var(--brand);box-shadow:0 0 10px var(--brand)}.toast.error:before{background:var(--danger);box-shadow:0 0 10px var(--danger)}.toast.success{border-left:3px solid var(--brand)}.toast.error{border-left:3px solid var(--danger)}@keyframes fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{transform:translateX(120%) scale(.9);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@media (min-width:768px){.app-shell{padding:32px 20px}.toolbar{gap:12px}}