:root{--primary-hue: 250;--primary-sat: 70%;--color-primary-50: hsl(var(--primary-hue), var(--primary-sat), 97%);--color-primary-100: hsl(var(--primary-hue), var(--primary-sat), 92%);--color-primary-200: hsl(var(--primary-hue), var(--primary-sat), 85%);--color-primary-300: hsl(var(--primary-hue), var(--primary-sat), 75%);--color-primary-400: hsl(var(--primary-hue), var(--primary-sat), 65%);--color-primary-500: hsl(var(--primary-hue), var(--primary-sat), 55%);--color-primary-600: hsl(var(--primary-hue), var(--primary-sat), 45%);--color-primary-700: hsl(var(--primary-hue), var(--primary-sat), 35%);--color-primary-800: hsl(var(--primary-hue), var(--primary-sat), 25%);--color-primary-900: hsl(var(--primary-hue), var(--primary-sat), 15%);--color-primary-button: #2563EB;--color-bg: hsl(0, 0%, 98%);--color-bg-elevated: hsl(0, 0%, 100%);--color-bg-glass: hsla(0, 0%, 100%, .8);--color-surface: hsl(0, 0%, 96%);--color-surface-hover: hsl(0, 0%, 94%);--color-text-primary: hsl(0, 0%, 10%);--color-text-secondary: hsl(0, 0%, 40%);--color-text-tertiary: hsl(0, 0%, 60%);--color-border: hsl(0, 0%, 85%);--color-border-light: hsl(0, 0%, 90%);--color-success: hsl(142, 76%, 45%);--color-warning: hsl(38, 92%, 50%);--color-error: hsl(0, 84%, 60%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}:root.dark{--color-bg: hsl(240, 20%, 10%);--color-bg-elevated: hsl(240, 15%, 14%);--color-bg-glass: hsla(240, 15%, 18%, .7);--color-surface: hsl(240, 12%, 18%);--color-surface-hover: hsl(240, 12%, 22%);--color-text-primary: hsl(0, 0%, 98%);--color-text-secondary: hsl(0, 0%, 70%);--color-text-tertiary: hsl(0, 0%, 50%);--color-border: hsl(240, 10%, 25%);--color-border-light: hsl(240, 10%, 30%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh}body{overscroll-behavior-y:contain}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;margin-bottom:var(--space-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-300)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.container-sm{max-width:800px}.glass-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-button)!important;color:#fff;box-shadow:var(--shadow-md);border:none}.btn-primary:hover:not(:disabled){background:var(--color-primary-button)!important;filter:brightness(1.1);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-light)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#ed2c2c;transform:translateY(-2px)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn-icon{padding:var(--space-xs);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-ghost:disabled{opacity:.3}.btn-lg{padding:var(--space-md) var(--space-2xl);font-size:var(--text-lg)}.input,.textarea,.select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px hsla(var(--primary-hue),var(--primary-sat),55%,.1)}.textarea{min-height:100px;resize:vertical}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--color-text-primary)}.form-error{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-error)}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.alert-error{background:#ef43431a;border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background:#1cca5b1a;border:1px solid var(--color-success);color:var(--color-success)}.alert-warning{background:#f59f0a1a;border:1px solid var(--color-warning);color:var(--color-warning)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery-grid{display:block;column-count:3!important;column-gap:var(--space-md)}.gallery-grid>div{break-inside:avoid;margin-bottom:var(--space-md)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media (max-width: 640px){.categories-grid{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease}.ProseMirror{outline:none}.ProseMirror img{max-width:100%;height:auto;display:inline-block;margin:1rem 0;border-radius:var(--radius-md)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-secondary);pointer-events:none;height:0}.ql-editor{display:block!important;min-height:300px}.ql-editor img,.content-display img{max-width:100%;height:auto;display:inline-block;margin:var(--space-md) auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.content-display{color:var(--color-text-primary);line-height:1.8}.content-display p{margin-bottom:var(--space-md)}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;gap:var(--space-lg)}.logo{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.logo:hover{color:var(--color-primary-500)}.nav-desktop{display:flex;align-items:center;gap:var(--space-xs);flex:1;justify-content:center}.nav-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav-item:hover{background:#ffffff26}.nav-item.active{background:var(--color-primary-button)!important;color:#fff!important}.nav-icon{font-size:1.2em}.header-actions{display:flex;align-items:center;gap:var(--space-md);padding-right:20px}.theme-toggle{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:var(--radius-md);font-size:1.2rem;cursor:pointer;transition:all var(--transition-base)}.theme-toggle:hover{background:transparent;opacity:.8}.user-menu{display:flex;align-items:center;gap:var(--space-sm)}.user-name{font-size:var(--text-sm);font-weight:500}.mobile-menu-toggle{display:none;flex-direction:column;gap:.35rem;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:.25rem}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--color-bg-elevated);z-index:1000;transition:left .3s ease;overflow-y:auto}.mobile-menu.open{left:0}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.close-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1.5rem;cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-base)}.close-btn:hover{background:var(--color-surface-hover);border-color:var(--color-error);color:var(--color-error)}.mobile-nav{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);text-decoration:none;background:transparent;border:none;width:100%;text-align:left;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base)}.mobile-nav-item:hover{background:var(--color-surface)}.mobile-nav-item.active{background:var(--color-primary-button)!important;color:#fff}.mobile-nav-item.primary{background:var(--color-primary-button)!important;color:#fff}.mobile-nav-item .nav-icon{font-size:1.5em;width:2rem;display:flex;align-items:center;justify-content:center}.mobile-user-info{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.mobile-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--color-bg-elevated);z-index:1000;padding:var(--space-lg);box-shadow:var(--shadow-xl);transition:right .3s ease;overflow-y:auto;display:flex;flex-direction:column}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.close-btn{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-primary);cursor:pointer;padding:var(--space-xs)}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;transition:background .2s;font-weight:500;background:transparent;width:100%;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.mobile-nav-item:hover,.mobile-nav-item.active{background:var(--color-surface-hover);color:var(--color-primary-500)}.mobile-nav-item.logout{color:var(--color-error)}.mobile-nav-item.logout:hover{background:#ef44441a}.mobile-divider{height:1px;background:var(--color-border);margin:var(--space-md) 0}.mobile-user-info{padding:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;animation:fadeIn .3s ease}.main-content{flex:1;padding:var(--space-xl) 0}.main-footer{padding:var(--space-lg) 0;margin-top:auto;border-top:1px solid var(--color-border);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.05))}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width: 768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.nav-desktop{display:none}.mobile-menu-toggle{display:flex}.header-content{padding:var(--space-sm) 0}.logo{font-size:var(--text-xl)}.main-content{padding:var(--space-lg) 0}}.invitation-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg);align-items:start}@media (max-width: 968px){.invitation-grid{grid-template-columns:1fr}.invitation-sidebar{position:static!important;order:-1}}@media (max-width: 768px){html{font-size:14px}.container{padding:0 var(--space-md)}.glass-card{padding:var(--space-lg)}.invitation-grid{gap:var(--space-md)}.hide-on-mobile{display:none!important}.grid-3{grid-template-columns:1fr;gap:var(--space-md)}}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-primary{color:var(--color-primary-500)}