:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-primary)}button,input,textarea,select{font:inherit;border-radius:10px;border:1px solid var(--border-color);background:#ffffff0a;color:inherit;padding:.5rem .75rem}textarea{resize:vertical}button{cursor:pointer;border:none;background:var(--accent-primary);color:var(--text-primary);font-weight:600;transition:opacity .2s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6}button.ghost{border:1px dashed var(--border-color);background:transparent;color:inherit}button.link-button{border:none;background:transparent;color:var(--accent-muted);padding:0}input,textarea,select{background:#00000040}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary)}ul{margin:0;padding:0}h1,h2,h3,h4{margin:0 0 .5rem}:root,[data-theme=purple]{--bg-primary: #05050a;--bg-secondary: #0e0e19;--bg-tertiary: #17172b;--bg-elevated: rgba(26, 26, 46, .8);--accent-primary: #5d72ff;--accent-secondary: #4a5fd9;--accent-hover: #7a8cff;--accent-muted: #9eb1ff;--text-primary: #f5f5ff;--text-secondary: rgba(245, 245, 255, .8);--text-muted: rgba(245, 245, 255, .5);--border-color: rgba(255, 255, 255, .15);--border-subtle: rgba(255, 255, 255, .08);--shadow-sm: 0 4px 12px rgba(93, 114, 255, .3);--shadow-lg: 0 15px 60px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #5d72ff 0%, #8b9cff 100%);--gradient-bg: radial-gradient(circle at top, #17172b 0%, #0e0e19 45%, #07070b 100%);--gradient-surface: linear-gradient(135deg, rgba(5, 5, 10, .3) 0%, rgba(15, 15, 30, .5) 100%)}[data-theme=mocha]{--bg-primary: #1a1410;--bg-secondary: #2a1f1a;--bg-tertiary: #3d2b20;--bg-elevated: rgba(61, 43, 32, .9);--accent-primary: #d4a574;--accent-secondary: #b8905f;--accent-hover: #e6c19a;--accent-muted: #c9ad88;--text-primary: #f5e6d3;--text-secondary: rgba(245, 230, 211, .9);--text-muted: rgba(245, 230, 211, .6);--border-color: rgba(212, 165, 116, .2);--border-subtle: rgba(212, 165, 116, .1);--shadow-sm: 0 4px 12px rgba(212, 165, 116, .3);--shadow-lg: 0 15px 60px rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, #d4a574 0%, #b8905f 100%);--gradient-bg: radial-gradient(circle at top, #3d2b20 0%, #2a1f1a 45%, #1a1410 100%);--gradient-surface: linear-gradient(135deg, rgba(26, 20, 16, .4) 0%, rgba(42, 31, 26, .6) 100%)}[data-theme=catppuccin]{--bg-primary: #1e1e2e;--bg-secondary: #181825;--bg-tertiary: #313244;--bg-elevated: rgba(49, 50, 68, .9);--accent-primary: #cba6f7;--accent-secondary: #b4a0e5;--accent-hover: #dcc3ff;--accent-muted: #c9b8f0;--text-primary: #cdd6f4;--text-secondary: rgba(205, 214, 244, .9);--text-muted: rgba(205, 214, 244, .6);--border-color: rgba(203, 166, 247, .2);--border-subtle: rgba(203, 166, 247, .1);--shadow-sm: 0 4px 12px rgba(203, 166, 247, .3);--shadow-lg: 0 15px 60px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #cba6f7 0%, #b4a0e5 100%);--gradient-bg: radial-gradient(circle at top, #313244 0%, #181825 45%, #11111b 100%);--gradient-surface: linear-gradient(135deg, rgba(30, 30, 46, .4) 0%, rgba(49, 50, 68, .6) 100%)}[data-theme=strawberry-matcha]{--bg-primary: #1a1218;--bg-secondary: #221a20;--bg-tertiary: #2d2228;--bg-elevated: rgba(45, 34, 40, .9);--accent-primary: #ff6b9d;--accent-secondary: #7fb069;--accent-hover: #ff8fb3;--accent-muted: #ff9fbb;--text-primary: #f5e6ed;--text-secondary: rgba(245, 230, 237, .9);--text-muted: rgba(245, 230, 237, .6);--border-color: rgba(255, 107, 157, .2);--border-subtle: rgba(255, 107, 157, .1);--shadow-sm: 0 4px 12px rgba(255, 107, 157, .3);--shadow-lg: 0 15px 60px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #ff6b9d 0%, #7fb069 100%);--gradient-bg: radial-gradient(circle at top, #2d2228 0%, #221a20 45%, #1a1218 100%);--gradient-surface: linear-gradient(135deg, rgba(26, 18, 24, .4) 0%, rgba(45, 34, 40, .6) 100%)}[data-theme=strawberry-matcha] button:not(.ghost):not(.link-button){background:linear-gradient(135deg,#7fb069,#6a9b58)}[data-theme=strawberry-matcha] .auth-toggle button.active{background:linear-gradient(135deg,#7fb069,#6a9b58)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.theme-switcher{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--background-color-secondary);border-radius:8px}.theme-switcher label{font-size:.875rem;color:var(--text-color-secondary)}.theme-switcher select{background-color:var(--background-color-tertiary);color:var(--text-color-primary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;cursor:pointer}.menu-bar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background-color:var(--menu-bg);border-bottom:1px solid var(--menu-border);z-index:100}.menu-left{display:flex;align-items:center}.menu-brand{display:flex;align-items:center;gap:12px}.menu-logo{font-size:24px}.menu-brand h1{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.menu-items{display:flex;gap:8px;flex:1;justify-content:center}.menu-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.menu-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.menu-item.active{background-color:var(--accent-bg);color:var(--accent-color)}.menu-right{display:flex;align-items:center;gap:16px}.create-button{background:linear-gradient(135deg,#9333ea,#7928ca);color:#fff}.create-button:hover{opacity:.9;color:#fff}.menu-user{position:relative}.settings-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:200px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px;box-shadow:0 10px 25px -5px #00000080;z-index:1000}.settings-header{padding:8px 12px;border-bottom:1px solid var(--border-color);margin-bottom:8px;color:var(--text-primary)}.logout-button{width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:#ff4d4d;cursor:pointer;border-radius:6px;margin-top:8px}.logout-button:hover{background-color:#ff4d4d1a}.global-search-container{position:relative;width:240px;margin-right:16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#888}.search-input-wrapper input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 12px 8px 36px;color:#fff;font-size:14px;transition:all .2s}.search-input-wrapper input:focus{outline:none;border-color:#9333ea;background:#ffffff1a;width:300px}.search-results-dropdown{position:absolute;top:100%;left:0;width:300px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-top:8px;box-shadow:0 10px 30px #00000080;overflow:hidden;z-index:1000}.search-result-group{border-bottom:1px solid rgba(255,255,255,.05)}.search-result-group:last-child{border-bottom:none}.group-title{padding:8px 12px;font-size:11px;text-transform:uppercase;color:#888;background:#ffffff05}.search-result-item{padding:8px 12px;cursor:pointer;transition:background .2s;display:flex;justify-content:space-between;align-items:center}.search-result-item:hover{background:#9333ea1a}.result-title{font-size:13px;color:#e9d5ff}.result-subtitle{font-size:11px;color:#666}.create-panel{display:flex;flex-direction:column;gap:1.75rem;color:var(--text-primary)}.create-panel-header{display:flex;justify-content:space-between;align-items:baseline}.creator-card{background:#06080ed9;border:1px solid rgba(255,255,255,.05);border-radius:22px;padding:clamp(1.25rem,3vw,1.75rem);box-shadow:0 20px 60px #02040c80}.creator-card-header h3{margin:0}.creator-form{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.creator-form input,.creator-form textarea,.creator-form select{width:100%;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--text-primary);font-family:inherit}.creator-form textarea{min-height:120px}.creator-form button{align-self:flex-start;padding:.8rem 1.75rem;border-radius:999px;border:none;background:var(--gradient-primary);color:var(--text-primary);cursor:pointer;font-weight:600;letter-spacing:.02em}.label-manager{display:flex;flex-direction:column;gap:.5rem}.label-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.label-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:999px;background:#5d72ff2e;font-size:.85rem}.label-chip button{border:none;background:transparent;color:inherit;cursor:pointer}.label-suggestions{display:flex;flex-wrap:wrap;gap:.35rem}.inline-field{display:flex;flex-direction:column;gap:.25rem}.creator-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ghost-btn{border:1px solid rgba(255,255,255,.12);background:transparent;border-radius:999px;padding:.35rem .9rem;color:var(--text-secondary);cursor:pointer;transition:border .2s ease,color .2s ease}.ghost-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:768px){.create-panel{padding:1rem}}.draggable-widget{background:#1a1a2e99;border:1px solid rgba(93,114,255,.2);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;box-shadow:0 2px 8px #0003}.draggable-widget:hover{border-color:#5d72ff66;box-shadow:0 4px 16px #5d72ff33}.widget-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#5d72ff1a;border-bottom:1px solid rgba(93,114,255,.2)}.widget-drag-handle{display:flex;align-items:center;cursor:grab;color:#f5f5ff66;transition:color .2s ease}.widget-drag-handle:hover{color:#f5f5ffcc}.widget-drag-handle:active{cursor:grabbing}.widget-header h4{margin:0;flex:1;font-size:1rem;font-weight:600;color:#f5f5ff}.widget-remove{background:transparent;border:none;color:#ff3b3099;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.widget-remove:hover{background:#ff3b301a;color:#ff3b30}.widget-content{padding:1rem}.widget-body{color:#f5f5ff}.widget-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.widget-list li{padding:.75rem;background:#5d72ff0d;border-radius:8px;border-left:3px solid rgba(93,114,255,.3);transition:all .2s ease}.widget-list li:hover{background:#5d72ff1a;border-left-color:#5d72ff}.widget-list li strong{color:#f5f5ff;display:block;margin-bottom:.25rem}.muted{color:#f5f5ff80;font-size:.875rem}.label-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.label-chip{display:inline-block;padding:.25rem .5rem;border-radius:4px;border:1px solid;font-size:.75rem;background:#5d72ff1a}.notes-widget textarea{width:100%;min-height:150px;padding:.75rem;background:#05050a80;border:1px solid rgba(93,114,255,.2);border-radius:8px;color:#f5f5ff;font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:.5rem}.notes-widget textarea:focus{outline:none;border-color:#5d72ff;box-shadow:0 0 0 3px #5d72ff1a}.gift-item{display:flex;flex-direction:column;gap:.5rem}.gift-item-details{display:flex;flex-direction:column;gap:.25rem}.gift-item-name{font-weight:600}.gift-item.purchased .gift-item-name{text-decoration:line-through;opacity:.7}.gift-item-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:#f5f5ffb3}.gift-item-actions{display:flex;gap:.5rem}.gift-item-actions button{flex:1;padding:.35rem .5rem;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:#5d72ff26;color:#f5f5ff}.gift-item-actions button:hover{background:#5d72ff40}.gift-item-actions button:last-child{background:#ff3b301a;border-color:#ff3b304d;color:#ffb4ae}.gift-item-actions button:last-child:hover{background:#ff3b3033}.inline-form{display:flex;gap:.5rem;margin-top:.75rem}.inline-form input{flex:1;padding:.5rem;background:#05050a80;border:1px solid rgba(93,114,255,.2);border-radius:6px;color:#f5f5ff;font-size:.875rem}.inline-form input:focus{outline:none;border-color:#5d72ff}.inline-form button{padding:.5rem 1rem;background:linear-gradient(135deg,#5d72ff,#4a5fd9);border:none;color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.inline-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5d72ff4d}.inline-form.gift-form{flex-direction:column}.inline-form.gift-form input,.inline-form.gift-form button{width:100%}.iframe-container{padding:0;height:500px}.iframe-container iframe{width:100%;height:100%;border:none;border-radius:0 0 12px 12px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1rem,2vw,2rem);align-items:start}.dashboard-column{background:#080a12e6;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:1.25rem;min-height:240px;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 25px 60px #02040a73}.column-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.column-title-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.05rem;font-weight:600;padding:.35rem .5rem;border-radius:8px;transition:background .2s ease,box-shadow .2s ease}.column-title-input:hover,.column-title-input:focus{outline:none;background:#ffffff0a;box-shadow:0 0 0 1px #ffffff0d}.column-remove{padding:.3rem .6rem;background:#ff3b301a;border:1px solid rgba(255,59,48,.25);color:#ff6b66e6;border-radius:999px;cursor:pointer;font-size:.75rem;transition:background .2s ease,color .2s ease}.column-remove:hover{background:#ff3b302e;color:#ff8484}.widgets-container{display:flex;flex-direction:column;gap:1rem;flex:1}.add-widget-section{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.add-widget-select{width:100%;padding:.65rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:border .2s ease,background .2s ease}.add-widget-select:hover{border-color:#fff3;background:#ffffff0a}.add-widget-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #5d72ff26}.add-column-btn{background:#ffffff05;border:2px dashed rgba(255,255,255,.08);border-radius:16px;color:#ffffffa6;padding:2.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:220px;display:flex;align-items:center;justify-content:center}.add-column-btn:hover{background:#ffffff0d;border-color:#fff3;color:var(--text-primary);transform:translateY(-3px)}.section-container{padding:2rem;max-width:1400px;margin:0 auto}.section-header{margin-bottom:2rem}.section-header h2{margin:0 0 .5rem;color:#f5f5ff;font-size:1.75rem}.generation-panel{display:flex;flex-direction:column;gap:2rem}.prompt-area{display:flex;flex-direction:column;gap:1rem;background:#1a1a2e99;padding:1.5rem;border-radius:12px;border:1px solid rgba(93,114,255,.2)}.prompt-area textarea{width:100%;padding:1rem;background:#05050a80;border:1px solid rgba(93,114,255,.2);border-radius:8px;color:#f5f5ff;font-family:inherit;font-size:1rem;resize:vertical}.prompt-area textarea:focus{outline:none;border-color:#5d72ff;box-shadow:0 0 0 3px #5d72ff1a}.prompt-area button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#5d72ff,#4a5fd9);border:none;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.prompt-area button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #5d72ff66}.prompt-area button:disabled{opacity:.5;cursor:not-allowed}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.image-card{background:#1a1a2e99;border:1px solid rgba(93,114,255,.2);border-radius:12px;overflow:hidden;transition:all .2s ease}.image-card:hover{border-color:#5d72ff66;transform:translateY(-4px);box-shadow:0 8px 24px #5d72ff33}.image-card img{width:100%;height:auto;display:block}.empty-state{grid-column:1 / -1;padding:4rem 2rem;text-align:center;background:#1a1a2e66;border:2px dashed rgba(93,114,255,.2);border-radius:12px}.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.anime-card{background:#1a1a2e99;border:1px solid rgba(93,114,255,.2);border-radius:12px;overflow:hidden;transition:all .2s ease}.anime-card:hover{border-color:#5d72ff66;transform:translateY(-4px);box-shadow:0 8px 24px #5d72ff33}.anime-image{aspect-ratio:3 / 4;overflow:hidden;background:#05050a80}.anime-image img{width:100%;height:100%;object-fit:cover;display:block}.anime-info{padding:1rem}.anime-info h3{margin:0 0 .25rem;color:#f5f5ff;font-size:1.125rem}.add-card{display:flex;align-items:center;justify-content:center;min-height:300px;background:#5d72ff0d;border:2px dashed rgba(93,114,255,.3)}.add-character-btn{padding:1rem 2rem;background:transparent;border:none;color:#5d72ffcc;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-character-btn:hover{color:#5d72ff;transform:scale(1.05)}.calendar-view{display:flex;flex-direction:column;gap:2rem}.calendar-day-group{background:#1a1a2e66;border:1px solid rgba(93,114,255,.2);border-radius:12px;padding:1.5rem}.calendar-date{margin:0 0 1rem;color:#5d72ff;font-size:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(93,114,255,.2)}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{display:flex;gap:1rem;padding:1rem;background:#5d72ff0d;border-left:3px solid #5d72ff;border-radius:8px;transition:all .2s ease}.event-card:hover{background:#5d72ff1a;transform:translate(4px)}.event-time{font-weight:600;color:#5d72ff;min-width:80px}.event-details{flex:1}.event-details h4{margin:0 0 .25rem;color:#f5f5ff}.event-location{margin:.5rem 0 0;color:#f5f5ffb3;font-size:.875rem}.recurrence-badge{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:#5d72ff33;border-radius:4px;font-size:.75rem;color:#5d72ff}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.device-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#1a1a2e99;border:1px solid rgba(93,114,255,.2);border-radius:12px;transition:all .2s ease}.device-card:hover{border-color:#5d72ff66;transform:translateY(-4px);box-shadow:0 8px 24px #5d72ff33}.device-card.offline{opacity:.6}.device-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#5d72ff1a;border-radius:12px;color:#5d72ff}.device-info{flex:1}.device-info h3{margin:0 0 .5rem;color:#f5f5ff;font-size:1.125rem}.device-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#f5f5ffb3}.status-dot{width:8px;height:8px;border-radius:50%;background:#ff3b30}.status-dot.online{background:#34c759}.device-value{margin:.5rem 0 0;font-size:1.25rem;font-weight:600;color:#5d72ff}.add-device{background:#5d72ff0d;border:2px dashed rgba(93,114,255,.3);justify-content:center}.add-device-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:transparent;border:none;color:#5d72ffcc;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;padding:1rem}.add-device-btn:hover{color:#5d72ff;transform:scale(1.05)}.tasks-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;overflow-y:auto}.tasks-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#5d72ff,#8b9cff);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5d72ff4d}.task-form-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.tasks-filters{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:.75rem;border:1px solid rgba(255,255,255,.08)}.filter-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#ffffff1a;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#5d72ff,#8b9cff);color:#fff;border-color:transparent}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;transition:all .2s ease}.task-item:hover{background:#ffffff14;border-color:#9333ea4d;box-shadow:0 4px 12px #5d72ff26}.task-item.completed{opacity:.6}.task-item-main{display:flex;align-items:flex-start;gap:1rem}.task-checkbox{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .2s ease}.task-checkbox:hover{transform:scale(1.1)}.task-content{flex:1;cursor:pointer;min-width:0}.task-title{font-size:1rem;font-weight:500;color:#ffffffe6;margin-bottom:.5rem;word-wrap:break-word}.task-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.75rem}.task-due-date{color:#fff9;padding:.25rem .5rem;background:#ffffff0d;border-radius:.25rem}.task-due-date.overdue{color:#ff6b6b;background:#ff6b6b1a}.task-labels{display:flex;flex-wrap:wrap;gap:.375rem}.task-label{padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;border:1px solid;font-weight:500}.task-description{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.task-actions{display:flex;gap:.5rem}.task-action-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.task-action-btn:hover{color:#ffffffe6;background:#ffffff1a}.empty-state{padding:3rem;text-align:center;border:2px dashed rgba(255,255,255,.1);border-radius:.75rem}.tasks-page{display:flex;justify-content:center;padding:2rem;width:100%}.admin-section{--accent-1: #667eea;--accent-2: #764ba2;--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .1);--surface-panel: rgba(15, 23, 42, .7);--text-primary: #e5e7eb;--text-muted: #9ca3af;--border-subtle: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--glow: rgba(102, 126, 234, .12);--shadow: rgba(0, 0, 0, .35);padding:2rem;max-width:1400px;margin:0 auto;transition:background .2s ease,color .2s ease;position:relative;overflow:hidden}.admin-section:before,.admin-section:after{content:"";position:absolute;width:420px;height:420px;background:radial-gradient(circle at center,var(--glow),transparent 60%);filter:blur(60px);z-index:0;opacity:.75}.admin-section:before{top:-120px;left:-160px}.admin-section:after{bottom:-180px;right:-220px}.admin-section>*{position:relative;z-index:1}.admin-section[data-theme=aurora]{--accent-1: #3b82f6;--accent-2: #22d3ee;--surface-panel: rgba(12, 17, 29, .8);--glow: rgba(34, 211, 238, .14)}.admin-section[data-theme=sunset]{--accent-1: #f97316;--accent-2: #ec4899;--surface-panel: rgba(24, 14, 20, .8);--glow: rgba(236, 72, 153, .18)}.admin-section[data-theme=seabreeze]{--accent-1: #10b981;--accent-2: #0ea5e9;--surface-panel: rgba(9, 19, 26, .8);--glow: rgba(14, 165, 233, .16)}.admin-section[data-density=compact]{padding:1.25rem}.admin-section[data-density=spacious]{padding:2.5rem}.admin-section.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#9ca3af;font-size:1.125rem}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.admin-header .flex{display:flex}.admin-header .gap-2{gap:.5rem}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface);color:#fff;border:1px solid var(--border-strong);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--surface-strong);border-color:var(--accent-1)}.btn-secondary.subtle{padding:.6rem 1rem;font-weight:500}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.4);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#ef444440;border-color:#ef444499}.admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.25rem}.admin-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);color:#e5e7eb;background:#ffffff0d;cursor:pointer;transition:all .2s ease}.admin-tab.active{background:#764ba240;border-color:var(--accent-1);color:#f5f3ff}.admin-toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.toolbar-group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.toolbar-field{display:flex;flex-direction:column;gap:.25rem;color:var(--text-muted);font-size:.9rem}.toolbar-field select{padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary)}.menu-editor{background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.menu-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.menu-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-primary)}.tab-empty{color:var(--text-muted);font-size:.9rem;padding:.35rem .6rem}.list-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:.75rem;background:var(--surface);border:1px solid var(--border-subtle)}.editor-card{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;color:var(--text-primary)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--border-subtle);background:var(--surface);color:#f3f4f6;font-size:.95rem}.form-field textarea{min-height:120px;font-family:JetBrains Mono,monospace}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.media-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;text-decoration:none}.media-card:hover{border-color:#764ba280}.api-catalog .api-controls{display:flex;gap:.75rem;flex-wrap:wrap}.api-controls input,.api-controls select{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;padding:.45rem .75rem}.api-fact{flex:1;min-width:200px;background:#9333ea26;border-radius:999px;padding:.5rem 1rem;color:#ffffffe6;font-size:.85rem}.api-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem}.api-card{border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:.95rem;background:#ffffff08}.api-card-header{display:flex;justify-content:space-between;gap:.4rem;align-items:center}.api-card-header code{font-size:.8rem;color:#ffffffd9}.api-methods{display:flex;gap:.25rem;flex-wrap:wrap}.api-method{font-size:.7rem;border-radius:6px;padding:.15rem .4rem;border:1px solid rgba(255,255,255,.2)}.api-method-get{color:#4ade80;border-color:#4ade8066}.api-method-post{color:#93c5fd;border-color:#93c5fd66}.api-method-put,.api-method-patch{color:#fdba74;border-color:#fdba7466}.api-method-delete{color:#fca5a5;border-color:#fca5a580}.api-card-title{font-weight:600;margin:.4rem 0 .1rem}.api-card-body{font-size:.85rem;color:#ffffffb3;margin:0}.client-form-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-form-card .space-y-4>*:not(:last-child){margin-bottom:1rem}.client-form-card .grid{display:grid}.client-form-card .grid-cols-2{grid-template-columns:repeat(2,1fr)}.client-form-card .gap-4{gap:1rem}.client-form-card label{display:block;margin-bottom:.5rem}.client-form-card input,.client-form-card select{width:100%;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s ease}.client-form-card input:focus,.client-form-card select:focus{outline:none;border-color:#667eea;background:#ffffff26}.client-form-card input[type=checkbox]{width:auto}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.client-card{background:linear-gradient(135deg,#667eea1a,#764ba21f);border:1px solid var(--border-subtle);border-radius:1rem;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #667eea33;border-color:#667eea4d}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.client-card-header .flex{display:flex}.client-card-header .items-center{align-items:center}.client-card-header .gap-2{gap:.5rem}.client-card-body{margin-bottom:1rem}.client-info .info-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#d1d5db}.client-info .info-row:last-child{margin-bottom:0}.models-list{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.models-list .flex{display:flex}.models-list .flex-wrap{flex-wrap:wrap}.models-list .gap-1{gap:.25rem}.client-card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#ffffff26;border-color:#ffffff4d}.action-btn.danger{background:#ef444433;border-color:#ef44444d}.action-btn.danger:hover{background:#ef44444d;border-color:#ef444480}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#1a1a2efa,#121224fa);border:1px solid rgba(102,126,234,.3);border-radius:1rem;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header button{background:none;border:none;font-size:2rem;cursor:pointer;padding:0;line-height:1;color:#9ca3af;transition:color .2s ease}.modal-header button:hover{color:#fff}.modal-body .space-y-4>*:not(:last-child){margin-bottom:1rem}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:Courier New,Courier,monospace}.text-purple-300{color:#c4b5fd}.text-purple-400{color:#a78bfa}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-600{color:#4b5563}.text-white{color:#fff}.text-green-300{color:#86efac}.text-green-500{color:#22c55e}.text-red-300{color:#fca5a5}.text-red-500{color:#ef4444}.text-yellow-300{color:#fde047}.text-blue-300{color:#93c5fd}.bg-purple-500\/20{background:#a855f733}.bg-green-500\/20{background:#22c55e33}.bg-red-500\/20{background:#ef444433}.bg-yellow-500\/20{background:#eab30833}.bg-gray-500\/20{background:#6b728033}.bg-white\/10{background:#ffffff1a}.border-green-500\/30{border-color:#22c55e4d}.border-red-500\/30{border-color:#ef44444d}.border-yellow-500\/30{border-color:#eab3084d}.border-gray-500\/30{border-color:#6b72804d}.border-white\/20{border-color:#fff3}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.rounded,.rounded-text-xs{border-radius:.375rem}.border{border-width:1px}.w-full{width:100%}.w-4{width:1rem}.h-4{height:1rem}.block{display:block}.admin-section[data-density=compact] .admin-header{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem}.admin-section[data-density=compact] .btn-primary,.admin-section[data-density=compact] .btn-secondary{padding:.55rem 1.1rem}.admin-section[data-density=compact] .editor-card,.admin-section[data-density=compact] .client-card{padding:1.1rem}.admin-section[data-density=spacious] .editor-card,.admin-section[data-density=spacious] .client-card{padding:2rem}.admin-section[data-density=spacious] .btn-primary,.admin-section[data-density=spacious] .btn-secondary{padding:.9rem 1.6rem}@media(max-width:768px){.admin-section{padding:1rem}.admin-header{flex-direction:column}.admin-tabs{flex-wrap:nowrap;white-space:nowrap}.admin-tab{flex:0 0 auto}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.server-dashboard{display:flex;flex-direction:column;gap:1.5rem}.server-dashboard.loading-state{min-height:200px;align-items:center;justify-content:center;color:#9ca3af}.server-alert{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fecaca}.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stat-card{padding:1.25rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,#764ba233,#0d132199);display:flex;flex-direction:column;gap:.35rem}.stat-icon{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#c4b5fd}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.stat-value{font-size:1.35rem;font-weight:700;color:#f3e8ff}.stat-sub{font-size:.9rem;color:#d1d5db}.service-table{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem}.service-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-list{display:flex;flex-direction:column;gap:.75rem}.service-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.service-row:last-child{border-bottom:none}.service-name{font-weight:600;color:#f3f4f6}.service-sub{font-size:.85rem;color:#9ca3af}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge.status-ok{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.5)}.status-badge.status-warn{background:#fbbf2433;color:#fde68a;border:1px solid rgba(251,191,36,.5)}.status-badge.status-error{background:#ef444433;color:#fecaca;border:1px solid rgba(239,68,68,.5)}.status-badge.status-unknown{background:#9ca3af33;color:#d1d5db;border:1px solid rgba(156,163,175,.4)}.quick-links{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.quick-link-card{display:flex;gap:.75rem;padding:.85rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.quick-link-card:hover{border-color:#764ba299;transform:translateY(-2px)}.quick-link-icon{width:36px;height:36px;border-radius:999px;background:#764ba233;display:flex;align-items:center;justify-content:center;color:#c4b5fd}.quick-link-title{font-weight:600;color:#f3f4f6}.quick-link-desc{font-size:.85rem;color:#9ca3af}.recipe-section{height:100%;display:flex;flex-direction:column;background:#13131f;overflow:hidden}.recipe-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-end}.recipe-tabs{display:flex;gap:12px}.tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.tab-btn.active{background:#9333ea1a;border-color:#9333ea;color:#fff}.tab-btn:hover:not(.active){background:#ffffff0d}.recipe-content{flex:1;display:flex;overflow:hidden}.recipe-controls{width:320px;padding:24px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:24px;overflow-y:auto;background:#181825}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#aaa;font-size:13px;font-weight:500}.control-group textarea,.control-group input,.control-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;font-size:14px}.control-group textarea:focus,.control-group input:focus,.control-group select:focus{outline:none;border-color:#9333ea}.tags-input{display:flex;flex-wrap:wrap;gap:6px}.tag-btn{font-size:11px;padding:4px 8px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;cursor:pointer;transition:all .2s}.tag-btn.active{background:#9333ea;border-color:#9333ea;color:#fff}.action-btn{background:linear-gradient(135deg,#9333ea,#7928ca);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:8px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.model-note{font-size:12px;color:#9ca3af}.error-msg{font-size:12px;color:#fca5a5;background:#ef44441a;padding:8px;border-radius:6px}.results-area{flex:1;padding:24px;overflow-y:auto}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.recipe-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.recipe-card-header h3{color:#e9d5ff;font-size:18px;margin-bottom:8px}.recipe-metrics{display:flex;gap:12px;font-size:12px;color:#888}.recipe-metrics span{display:flex;align-items:center;gap:4px}.recipe-desc{color:#ccc;font-size:14px;line-height:1.4}.missing-ing{background:#eab3081a;color:#fbbf24;font-size:12px;padding:8px;border-radius:6px}.recipe-details h4{color:#aaa;font-size:13px;text-transform:uppercase;margin-bottom:6px;margin-top:12px}.recipe-details ul,.recipe-details ol{padding-left:16px;margin:0;color:#ddd;font-size:13px;line-height:1.5}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;gap:16px}.meal-planner-view{display:flex;flex-direction:column;gap:32px}.plan-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.day-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.day-card h3{color:#a855f7;margin-bottom:12px}.day-meals{display:flex;flex-direction:column;gap:8px}.meal-item{display:flex;flex-direction:column;gap:2px;padding:8px;background:#0003;border-radius:6px}.meal-type{font-size:10px;color:#888;text-transform:uppercase}.meal-name{font-size:13px;color:#ddd}.day-nutrition{margin-top:12px;font-size:11px;color:#666;text-align:right}.shopping-list{background:#ffffff08;padding:24px;border-radius:12px}.shopping-list h3{display:flex;align-items:center;gap:8px;color:#e9d5ff;margin-bottom:16px}.list-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.shop-item{display:flex;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;color:#ccc;font-size:14px}.estimated-cost,.nutrition-summary{margin-top:12px;font-size:12px;color:#a5b4fc}.smart-generator-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.smart-generator-card{background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006;overflow:hidden}.smart-generator-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.smart-generator-content{padding:24px;overflow-y:auto}.input-section{display:flex;flex-direction:column;gap:16px}.prompt-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;color:#fff;font-size:16px;resize:none;transition:all .2s}.prompt-input:focus{outline:none;border-color:#9333ea;background:#ffffff14}.model-hint{font-size:12px;color:#9ca3af}.generate-btn{background:linear-gradient(135deg,#9333ea,#7928ca);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s;align-self:flex-end}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.examples-section{margin-top:32px}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.example-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:left;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.example-card:hover{background:#ffffff14;border-color:#9333ea;transform:translateY(-2px)}.smart-generator-results{display:flex;flex-direction:column;height:100%;overflow:hidden}.smart-metadata{padding:16px 24px 0;display:flex;flex-direction:column;gap:8px}.metadata-chip{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#9333ea26;border:1px solid rgba(147,51,234,.5);color:#d8b4fe;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.metadata-summary{font-size:13px;color:#d1d5db;margin:0}.results-scroll{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.result-section h3{font-size:16px;font-weight:600;color:#fff}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.items-list{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.result-item:hover{background:#ffffff0f}.result-item.selected{background:#9333ea1a;border-color:#9333ea}.checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.result-item.selected .checkbox{background:#9333ea;border-color:#9333ea}.item-content{flex:1}.item-title{color:#fff;font-size:14px;margin-bottom:4px}.item-meta{display:flex;align-items:center;gap:8px}.badge{font-size:10px;padding:2px 6px;background:#ffffff1a;border-radius:4px;color:#aaa;text-transform:uppercase}.date{font-size:12px;color:#888}.results-actions{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;background:#1e1e2e}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff0d}.create-btn{background:#9333ea;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.create-btn:hover{background:#7928ca}.smart-lists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.smart-list-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.smart-list-card h4{color:#a855f7;font-size:14px;margin-bottom:8px}.smart-list-card ul{list-style:none;padding:0;margin:0}.smart-list-card li{color:#ccc;font-size:12px;margin-bottom:4px;padding-left:8px;border-left:2px solid rgba(255,255,255,.1)}.smart-list-card li.more{color:#666;border-left:none;padding-left:10px;font-style:italic}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.finance-section{height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;overflow-y:auto;background:radial-gradient(circle at top left,rgba(147,51,234,.15),transparent 55%),#0d0d17e6}.finance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.finance-header h2{font-size:1.8rem;color:#f4f4ff;margin-bottom:.25rem}.finance-header .muted{color:#fff9}.finance-header .overline{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:#ffffff80}.finance-header .emoji{margin-right:.35rem}.refresh-btn{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;border-radius:999px;padding:.6rem 1rem;display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem}.finance-error{padding:.75rem 1rem;border-radius:12px;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fecaca}.finance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.summary-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;display:flex;align-items:center;gap:1rem}.summary-card h3{margin:0;color:#f5f5ff}.summary-card .label{margin:0;color:#fff9;font-size:.8rem}.summary-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.gradient-purple{background:linear-gradient(135deg,#a855f7,#ec4899)}.gradient-pink{background:linear-gradient(135deg,#f472b6,#fb7185)}.gradient-teal{background:linear-gradient(135deg,#2dd4bf,#38bdf8)}.finance-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.panel{background:#11111bcc;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-header h3{display:flex;align-items:center;gap:.4rem;margin:0;color:#f8f8ff}.panel-header small{color:#fff9}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.account-card{border:1px solid rgba(255,255,255,.1);border-left-width:4px;border-radius:18px;padding:.8rem;background:#ffffff08}.account-top{display:flex;gap:.8rem;align-items:center}.account-emoji{font-size:1.5rem}.account-name{margin:0;font-weight:600}.balance{font-size:1.3rem;margin:.8rem 0 .1rem}.muted{color:#ffffff94;margin:0}.mini-form{display:flex;gap:.5rem;margin-top:.5rem}.mini-form input,.transaction-form input,.transaction-form select{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.55rem .75rem;color:#fff}.mini-form button,.transaction-form .cta,.transaction-form .toggle button{border:none;border-radius:12px;padding:.55rem .9rem;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;display:inline-flex;gap:.3rem;align-items:center;font-weight:600}.budget-stack{display:flex;flex-direction:column;gap:.8rem}.budget-row{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}.budget-label{display:flex;gap:.35rem;align-items:center}.budget-progress{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.budget-bar{height:100%}.transaction-form{display:flex;flex-direction:column;gap:.6rem}.transaction-form .toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.transaction-form .toggle button{background:#ffffff14;border:1px solid transparent}.transaction-form .toggle button.active{border-color:#fff6;background:#ffffff1f}.recent-feed{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.feed-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.feed-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff}.feed-icon.credit{background:#22c55e33}.feed-row .credit{color:#4ade80}.cta{justify-content:center}@media(max-width:768px){.finance-panels{grid-template-columns:1fr}}.social-section{height:100%;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:radial-gradient(circle at top right,rgba(248,113,113,.12),transparent 55%),#10101af0;overflow-y:auto}.social-section header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.social-section header h2{margin:0}.social-section .emoji{margin-right:.4rem}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;color:#ffffff8c;margin-bottom:.2rem}.outline{border:1px solid rgba(255,255,255,.2);padding:.6rem 1rem;border-radius:999px;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:.4rem}.social-error{padding:.9rem 1rem;background:#ef444424;border:1px solid rgba(239,68,68,.4);border-radius:12px;color:#fecaca}.circle-strip{display:flex;gap:.8rem;overflow-x:auto;padding-bottom:.4rem}.circle-pill{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.4rem .9rem;display:inline-flex;align-items:center;gap:.6rem;background:#ffffff0a;color:#fff}.circle-pill.active{border-color:#ec4899b3;background:#ec489929}.circle-pill .icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.empty-note{color:#fff9}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.panel h3{display:flex;align-items:center;gap:.5rem;margin:0}.panel input,.panel textarea,.panel button{border-radius:14px}.panel input,.panel textarea{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;padding:.6rem .75rem}.panel textarea{resize:none}.panel button{border:none;background:linear-gradient(135deg,#fb7185,#f472b6);padding:.65rem 1rem;color:#fff;display:inline-flex;gap:.35rem;align-items:center;font-weight:600;justify-content:center}.panel button:disabled{opacity:.5}.invite-card{padding:.75rem;border-radius:16px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);text-align:center}.invite-card strong{font-size:1.2rem;letter-spacing:.2em}.pulses{grid-column:span 2}@media(max-width:900px){.pulses{grid-column:span 1}}.pulses-header{display:flex;justify-content:space-between;align-items:center}.pulse-feed{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.pulse-row{display:flex;gap:.7rem;align-items:flex-start}.pulse-emoji{width:42px;height:42px;border-radius:16px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;color:#fff}.panel textarea{min-height:60px}.app-container{min-height:100vh;background:var(--gradient-bg);color:var(--text-primary);display:flex;flex-direction:column}.app-main{display:flex;flex:1;overflow:hidden;position:relative}.main-content{flex:1;overflow-y:auto;background:var(--gradient-surface)}.workspace-shell{width:min(1400px,100%);margin:0 auto;padding:2.5rem clamp(1rem,3vw,3rem) 4rem;display:flex;flex-direction:column;gap:1.5rem}.floating-actions{position:fixed;bottom:2.5rem;right:2.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;z-index:1100}.floating-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--text-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #00000073;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.floating-btn:hover{transform:translateY(-3px);box-shadow:0 24px 50px #00000080}.create-btn{padding:.85rem 1.5rem;gap:.5rem}.create-btn span:first-child{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--accent-primary);color:var(--bg-primary);font-size:1.25rem;font-weight:700}.create-btn .floating-label{font-size:.95rem;letter-spacing:.02em}.ai-btn{width:56px;height:56px;background:linear-gradient(135deg,#9333ea,#7928ca);border:none;color:#fff}.create-overlay{position:fixed;inset:0;background:#030307bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,2vw,3rem);z-index:1200}.create-overlay-card{width:min(520px,95vw);max-height:90vh;overflow-y:auto;background:#0c0e16eb;border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 120px #0000008c;position:relative;padding:clamp(1.25rem,3vw,2rem)}.overlay-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:999px;border:none;background:#ffffff14;color:var(--text-primary);font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.overlay-close:hover{background:#ffffff29}.empty-state-section{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.section-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.25rem;color:var(--text-muted);padding:2rem}.auth-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;background:var(--gradient-bg);color:var(--text-primary);padding:2rem}.auth-logo{font-size:4rem;line-height:1;margin-bottom:.5rem;filter:drop-shadow(0 4px 12px var(--accent-primary))}.auth-shell h1{font-size:2.5rem;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card{background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;width:min(420px,90vw);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.auth-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem;background:#0000004d;padding:.25rem;border-radius:8px}.auth-toggle button{padding:.75rem;background:transparent;border:none;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.auth-toggle button.active{background:var(--gradient-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.stack{display:flex;flex-direction:column;gap:1rem}.stack label{display:flex;flex-direction:column;gap:.5rem;text-align:left;color:var(--text-secondary);font-size:.875rem}.stack input,.stack textarea,.stack select{width:100%;padding:.75rem;background:#0000004d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem}.stack input:focus,.stack textarea:focus,.stack select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #5d72ff1a}.stack button{padding:.75rem 1.5rem;background:var(--gradient-primary);border:none;color:var(--text-primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.stack button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stack button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ff8b8b;background:#ff3b301a;padding:.75rem;border-radius:8px;border:1px solid rgba(255,59,48,.3);margin-top:1rem}.muted{color:var(--text-muted);font-size:.875rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.app-main{flex-direction:column}}@media(max-width:768px){.auth-shell h1{font-size:2rem}.auth-card{padding:1.5rem}}
