:root{--color-bg-primary: #FDFBF7;--color-bg-secondary: #ffffff;--color-bg-surface: rgba(255, 255, 255, .7);--color-text-primary: #2d3436;--color-text-secondary: #636e72;--color-accent: #6c5ce7;--color-accent-light: #a29bfe;--color-accent-hover: #5649c0;--color-success: #00b894;--color-error: #d63031;--color-warning: #fdcb6e;--color-border: #dfe6e9;--color-input-bg: #ffffff;--shadow-sm: 0 2px 4px rgba(45, 52, 54, .05);--shadow-md: 0 4px 12px rgba(45, 52, 54, .08);--shadow-lg: 0 8px 24px rgba(45, 52, 54, .12);--glass-border: 1px solid rgba(255, 255, 255, .3);--backdrop-blur: blur(12px);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-primary);background-image:radial-gradient(at 0% 0%,rgba(162,155,254,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(129,236,236,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(253,203,110,.1) 0px,transparent 50%);background-attachment:fixed;color:var(--color-text-primary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.glass-card{background:var(--color-bg-surface);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1.5rem}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;letter-spacing:-.02em}button,input,select,textarea{font-family:inherit;font-size:1rem}button{cursor:pointer;border:none;background:none;transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],textarea,select{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);width:100%;transition:all .2s;box-shadow:var(--shadow-sm)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6c5ce71a}.btn-primary{padding:.875rem 2rem;background-color:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;box-shadow:0 4px 12px #6c5ce74d}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6c5ce766}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:#b2bec3;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{padding:.875rem 1.5rem;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-weight:600}.btn-secondary:hover{background-color:#ffffff80;border-color:var(--color-text-secondary);color:var(--color-text-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.w-full{width:100%}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b2bec380;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b2bec3cc}.edit-btn,.delete-btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem}.edit-btn{background:#fff;border:1px solid #E5E5E5;color:var(--color-text-primary)}.edit-btn:hover{background:#f9fafb}.delete-btn{background:#fff;border:1px solid #FCA5A5;color:#dc2626}.delete-btn:hover{background:#fef2f2}.sort-controls{display:flex;flex-direction:column;margin-right:.5rem}.sort-btn{background:none;border:none;cursor:pointer;font-size:.8rem;padding:.2rem;color:#9ca3af;transition:color .2s}.sort-btn:hover:not(:disabled){color:#4b5563}.sort-btn:disabled{opacity:.3;cursor:not-allowed}.save-btn,.cancel-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.5rem;border-radius:6px;transition:background .2s}.save-btn:hover{background:#6c5ce71a}.cancel-btn:hover{background:#e170551a}.admin-subtabs{display:flex;border-bottom:1px solid #E5E5E5;margin-bottom:1.5rem}.admin-subtab{padding:1rem 2rem;font-weight:400;color:#6b7280;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:all .2s;font-size:1rem}.admin-subtab.active{font-weight:700;color:var(--color-text-primary);border-bottom-color:var(--color-accent)}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fbd38d;padding:1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}.alert-warning strong{color:#b45309}.app-layout.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.header.svelte-12qhfyh{margin:1rem;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-radius:var(--radius-lg);z-index:100;position:relative}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.logo-circle.svelte-12qhfyh{width:40px;height:40px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 4px 10px #6c5ce74d}h1.svelte-12qhfyh{font-size:1.25rem;background:linear-gradient(to right,var(--color-text-primary),var(--color-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.desktop-nav.svelte-12qhfyh{display:none;align-items:center;gap:.25rem}.nav-link.svelte-12qhfyh{padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;color:var(--color-text-secondary);text-decoration:none;transition:all .2s}.nav-link.svelte-12qhfyh:hover{color:var(--color-accent);background:#6c5ce714}.nav-link.active.svelte-12qhfyh{color:#fff;background:var(--color-accent)}@media(min-width:768px){.desktop-nav.svelte-12qhfyh{display:flex}.burger-btn.svelte-12qhfyh{display:none!important}}.burger-btn.svelte-12qhfyh{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:110}.burger-line.svelte-12qhfyh{display:block;width:100%;height:3px;background:var(--color-text-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.burger-line.open.svelte-12qhfyh:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.burger-line.open.svelte-12qhfyh:nth-child(2){opacity:0;transform:scaleX(0)}.burger-line.open.svelte-12qhfyh:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.menu-dropdown.svelte-12qhfyh{position:absolute;top:calc(60px + 1rem);right:1rem;left:1rem;z-index:99;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}@media(min-width:768px){.menu-dropdown.svelte-12qhfyh{left:auto;width:280px}}.menu-item.svelte-12qhfyh{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;color:var(--color-text-primary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;text-decoration:none}.menu-item.svelte-12qhfyh:hover{background:#6c5ce714;color:var(--color-accent)}.menu-item.active.svelte-12qhfyh{background:var(--color-accent);color:#fff;box-shadow:0 4px 12px #6c5ce74d}.menu-icon.svelte-12qhfyh{font-size:1.25rem}.menu-overlay.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;z-index:50}.main-content.svelte-12qhfyh{flex:1;padding:0 1rem 2rem;max-width:1200px;margin:0 auto;width:100%}.content-wrapper.svelte-12qhfyh{animation:svelte-12qhfyh-fadeIn .4s ease-out}@keyframes svelte-12qhfyh-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-state.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem;color:var(--color-text-secondary)}.loading-spinner.svelte-12qhfyh{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:50%;animation:svelte-12qhfyh-spin .8s linear infinite}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}
