.navbar[data-v-ca469335]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.75rem 0;position:sticky;top:0;z-index:50}.navbar-container[data-v-ca469335]{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar-brand[data-v-ca469335]{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .2s ease}.navbar-brand[data-v-ca469335]:hover{transform:translateY(-1px)}.brand-icon[data-v-ca469335]{width:32px;height:32px;color:#fff}.brand-text[data-v-ca469335]{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.025em}.navbar-menu[data-v-ca469335]{display:flex;align-items:center;gap:.5rem;flex:1;margin-left:2rem}.nav-btn[data-v-ca469335]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn[data-v-ca469335]:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-btn-create[data-v-ca469335]{background:#ffffff40;font-weight:600}.nav-btn-create[data-v-ca469335]:hover{background:#ffffff59}.nav-icon[data-v-ca469335]{width:18px;height:18px}.navbar-right[data-v-ca469335]{display:flex;align-items:center;gap:1rem}.search-container[data-v-ca469335]{position:relative;display:flex;align-items:center}.search-icon[data-v-ca469335]{position:absolute;left:.75rem;width:18px;height:18px;color:#ffffffb3;pointer-events:none}.search-input[data-v-ca469335]{padding:.5rem .75rem .5rem 2.5rem;width:250px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-input[data-v-ca469335]::placeholder{color:#fff9}.search-input[data-v-ca469335]:focus{outline:none;background:#ffffff40;border-color:#fff6;width:300px}.icon-btn[data-v-ca469335]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn[data-v-ca469335]:hover{background:#fff3;transform:scale(1.05)}.action-icon[data-v-ca469335]{width:20px;height:20px}.user-avatar[data-v-ca469335]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f093fb,#f5576c);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease}.user-avatar[data-v-ca469335]:hover{transform:scale(1.1);box-shadow:0 0 20px #fff6}.avatar-icon[data-v-ca469335]{width:22px;height:22px}.user-menu[data-v-ca469335]{position:relative}.dropdown-menu[data-v-ca469335]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:180px;padding:.5rem;z-index:100;animation:dropdownSlide-ca469335 .2s ease}@keyframes dropdownSlide-ca469335{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-ca469335]{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;border-radius:6px;color:#172b4d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item[data-v-ca469335]:hover{background:#091e4214}.dropdown-item.logout[data-v-ca469335]{color:#e74c3c}.dropdown-item.logout[data-v-ca469335]:hover{background:#e74c3c1a}.dropdown-icon[data-v-ca469335]{width:18px;height:18px}@media (max-width: 768px){.navbar-menu[data-v-ca469335]{display:none}.search-input[data-v-ca469335]{width:150px}.search-input[data-v-ca469335]:focus{width:200px}.navbar-container[data-v-ca469335]{gap:1rem;padding:0 1rem}}@media (max-width: 480px){.search-container[data-v-ca469335]{display:none}.brand-text[data-v-ca469335]{font-size:1.25rem}.icon-btn[data-v-ca469335]{width:36px;height:36px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;overflow:hidden}.main-content.auth-page{overflow:visible;background:linear-gradient(135deg,#667eea,#764ba2)}h1{color:#42b883;text-align:center}.add-item{display:flex;gap:10px;margin-bottom:20px}.add-item input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.add-item button{padding:10px 20px;background-color:#42b883;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.add-item button:hover{background-color:#3aa876}.items-list{list-style:none;padding:0}.items-list li{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.delete-btn{padding:6px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer}.delete-btn:hover{background-color:#c0392b}.empty-message{text-align:center;color:#888}.modal-backdrop[data-v-9d29ce84]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-9d29ce84]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-9d29ce84 .3s ease}@keyframes modalSlideIn-9d29ce84{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-9d29ce84]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2[data-v-9d29ce84]{margin:0;color:#172b4d;font-size:1.25rem}.close-btn[data-v-9d29ce84]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#5e6c84;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.close-btn[data-v-9d29ce84]:hover{background:#091e4214;color:#172b4d}.modal-body[data-v-9d29ce84]{padding:1.5rem}.card[data-v-4f48c1ee]{position:relative;background:#fff;border-radius:8px;padding:.75rem;box-shadow:0 1px 3px #0000001a;cursor:grab;transition:all .2s ease;display:flex;align-items:flex-start;gap:.5rem}.card[data-v-4f48c1ee]:active{cursor:grabbing}.card[data-v-4f48c1ee]:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.card.menu-open[data-v-4f48c1ee]{z-index:50}.card:hover .card-menu-btn[data-v-4f48c1ee]{opacity:1}.card p[data-v-4f48c1ee]{flex:1;margin:0;color:#172b4d;font-size:.9rem;line-height:1.4}.card-menu-btn[data-v-4f48c1ee]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#5e6c84;cursor:pointer;opacity:0;transition:all .2s ease;padding:0}.card-menu-btn[data-v-4f48c1ee]:hover,.card-menu-btn.active[data-v-4f48c1ee]{background:#091e4214;color:#172b4d;opacity:1}.card-menu-dropdown[data-v-4f48c1ee]{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;z-index:100;min-width:140px;padding:.25rem;animation:slideDown-4f48c1ee .15s ease}@keyframes slideDown-4f48c1ee{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-4f48c1ee]{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:transparent;border:none;border-radius:6px;color:#172b4d;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.menu-item[data-v-4f48c1ee]:hover{background:#091e4214}.menu-item.edit[data-v-4f48c1ee]:hover{background:#667eea1a;color:#667eea}.menu-item.delete[data-v-4f48c1ee]:hover{background:#eb57571a;color:#eb5757}.menu-item span[data-v-4f48c1ee]{flex:1}.list[data-v-edcaeca9]{background:#ebecf0;border-radius:12px;min-width:280px;max-width:280px;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 120px);box-shadow:0 1px 3px #0000001f}.list h2[data-v-edcaeca9]{font-size:.95rem;font-weight:600;color:#172b4d;padding:.5rem .75rem;margin:0}.add-card-section[data-v-edcaeca9]{margin-top:auto;padding-top:.5rem}.add-card-trigger[data-v-edcaeca9]{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:#5e6c84;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.add-card-trigger[data-v-edcaeca9]:hover{background:#091e4214;color:#172b4d}.plus-icon[data-v-edcaeca9]{font-size:1.25rem;line-height:1}.add-card-form[data-v-edcaeca9]{display:flex;flex-direction:column;gap:.5rem}.add-card-input[data-v-edcaeca9]{width:100%;padding:.75rem;border:2px solid #667eea;border-radius:8px;font-size:.875rem;font-family:inherit;background:#fff;color:#172b4d;resize:none;transition:all .2s ease;box-shadow:0 2px 8px #667eea26}.add-card-input[data-v-edcaeca9]::placeholder{color:#8b95a5}.add-card-input[data-v-edcaeca9]:focus{outline:none;border-color:#667eea;box-shadow:0 4px 12px #667eea40}.add-card-actions[data-v-edcaeca9]{display:flex;align-items:center;gap:.5rem}.add-card-btn[data-v-edcaeca9]{padding:.625rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #667eea4d}.add-card-btn[data-v-edcaeca9]:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-1px);box-shadow:0 3px 8px #667eea66}.add-card-btn[data-v-edcaeca9]:active{transform:translateY(0)}.cancel-btn[data-v-edcaeca9]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#5e6c84;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-edcaeca9]:hover{background:#091e4214;color:#172b4d}.board[data-v-3373a4e0]{display:flex;gap:1.5rem;padding:2rem;overflow-x:auto;height:calc(100vh - 80px);align-items:flex-start;justify-content:center}.loading[data-v-3373a4e0],.error[data-v-3373a4e0]{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#5e6c84;padding:2rem}.error[data-v-3373a4e0]{color:#eb5a46}.board[data-v-3373a4e0]::-webkit-scrollbar{height:12px}.board[data-v-3373a4e0]::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.board[data-v-3373a4e0]::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.board[data-v-3373a4e0]::-webkit-scrollbar-thumb:hover{background:#0000004d}.auth-container[data-v-02693b07]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card[data-v-02693b07]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;padding:2.5rem;animation:slideUp-02693b07 .4s ease}@keyframes slideUp-02693b07{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-02693b07]{text-align:center;margin-bottom:2rem}.brand[data-v-02693b07]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.brand-icon[data-v-02693b07]{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea66}.brand h1[data-v-02693b07]{margin:0;font-size:1.75rem;color:#172b4d;font-weight:700}.subtitle[data-v-02693b07]{color:#5e6c84;font-size:.95rem;margin:0}.auth-form[data-v-02693b07]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-02693b07]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-02693b07]{color:#172b4d;font-size:.875rem;font-weight:600}.form-group input[data-v-02693b07]{padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s ease;font-family:inherit}.form-group input[data-v-02693b07]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-options[data-v-02693b07]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.checkbox-label[data-v-02693b07]{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#5e6c84}.checkbox-label input[type=checkbox][data-v-02693b07]{cursor:pointer}.forgot-link[data-v-02693b07]{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-link[data-v-02693b07]:hover{color:#5568d3}.auth-btn[data-v-02693b07]{padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;position:relative;overflow:hidden}.auth-btn[data-v-02693b07]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auth-btn[data-v-02693b07]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.auth-btn[data-v-02693b07]:hover:before{left:100%}.auth-btn[data-v-02693b07]:active{transform:translateY(0)}.divider[data-v-02693b07]{display:flex;align-items:center;text-align:center;color:#5e6c84;font-size:.875rem;margin:.5rem 0}.divider[data-v-02693b07]:before,.divider[data-v-02693b07]:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider span[data-v-02693b07]{padding:0 1rem}.google-btn[data-v-02693b07]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-weight:500;color:#172b4d;cursor:pointer;transition:all .2s ease}.google-btn[data-v-02693b07]:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.auth-footer[data-v-02693b07]{margin-top:2rem;text-align:center;color:#5e6c84;font-size:.9rem}.auth-footer a[data-v-02693b07]{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a[data-v-02693b07]:hover{color:#5568d3}@media (max-width: 480px){.auth-card[data-v-02693b07]{padding:2rem 1.5rem}.form-options[data-v-02693b07]{flex-direction:column;gap:.75rem;align-items:flex-start}}.auth-container[data-v-ef26b005]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card[data-v-ef26b005]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;padding:2.5rem;animation:slideUp-ef26b005 .4s ease}@keyframes slideUp-ef26b005{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-ef26b005]{text-align:center;margin-bottom:2rem}.brand[data-v-ef26b005]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.brand-icon[data-v-ef26b005]{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea66}.brand h1[data-v-ef26b005]{margin:0;font-size:1.75rem;color:#172b4d;font-weight:700}.subtitle[data-v-ef26b005]{color:#5e6c84;font-size:.95rem;margin:0}.auth-form[data-v-ef26b005]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-ef26b005]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-ef26b005]{color:#172b4d;font-size:.875rem;font-weight:600}.form-group input[data-v-ef26b005]{padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s ease;font-family:inherit}.form-group input[data-v-ef26b005]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.hint[data-v-ef26b005]{font-size:.8rem;color:#8b95a5}.checkbox-label[data-v-ef26b005]{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;color:#5e6c84;font-size:.875rem}.checkbox-label input[type=checkbox][data-v-ef26b005]{cursor:pointer;margin-top:.2rem}.checkbox-label.terms a[data-v-ef26b005]{color:#667eea;text-decoration:none;font-weight:500}.checkbox-label.terms a[data-v-ef26b005]:hover{text-decoration:underline}.auth-btn[data-v-ef26b005]{padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;position:relative;overflow:hidden}.auth-btn[data-v-ef26b005]:disabled{opacity:.6;cursor:not-allowed}.auth-btn[data-v-ef26b005]:not(:disabled):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auth-btn[data-v-ef26b005]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.auth-btn[data-v-ef26b005]:not(:disabled):hover:before{left:100%}.auth-btn[data-v-ef26b005]:active{transform:translateY(0)}.divider[data-v-ef26b005]{display:flex;align-items:center;text-align:center;color:#5e6c84;font-size:.875rem;margin:.5rem 0}.divider[data-v-ef26b005]:before,.divider[data-v-ef26b005]:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider span[data-v-ef26b005]{padding:0 1rem}.google-btn[data-v-ef26b005]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-weight:500;color:#172b4d;cursor:pointer;transition:all .2s ease}.google-btn[data-v-ef26b005]:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.auth-footer[data-v-ef26b005]{margin-top:2rem;text-align:center;color:#5e6c84;font-size:.9rem}.auth-footer a[data-v-ef26b005]{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a[data-v-ef26b005]:hover{color:#5568d3}@media (max-width: 480px){.auth-card[data-v-ef26b005]{padding:2rem 1.5rem}}