:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.login-container[data-v-18c42357]{justify-content:center;align-items:center;min-height:400px;padding:20px;display:flex}.login-card[data-v-18c42357]{background:var(--bg);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:12px;margin:auto;padding:32px}.login-title[data-v-18c42357]{text-align:center;color:var(--text-h);margin-bottom:32px;font-size:28px;font-weight:600}.login-form[data-v-18c42357]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-18c42357]{flex-direction:column;gap:8px;display:flex}.form-label[data-v-18c42357]{color:var(--text-h);font-size:14px;font-weight:500}.form-input[data-v-18c42357]{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:12px 16px;font-size:16px;transition:border-color .3s,box-shadow .3s}.form-input[data-v-18c42357]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-input[data-v-18c42357]::placeholder{color:var(--text);opacity:.6}.remember-me[data-v-18c42357]{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.remember-me input[type=checkbox][data-v-18c42357]{cursor:pointer;width:16px;height:16px}.login-button[data-v-18c42357]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;transition:background-color .3s,transform .2s}.login-button[data-v-18c42357]:hover:not(:disabled){background:var(--accent-border);transform:translateY(-1px)}.login-button[data-v-18c42357]:active:not(:disabled){transform:translateY(0)}.login-button[data-v-18c42357]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-18c42357]{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px;font-size:14px}.success-message[data-v-18c42357]{color:#22c55e;text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;padding:12px;font-size:14px}.login-footer[data-v-18c42357]{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.footer-link[data-v-18c42357]{color:var(--accent);font-size:14px;text-decoration:none;transition:color .3s}.footer-link[data-v-18c42357]:hover{color:var(--accent-border);text-decoration:underline}.footer-separator[data-v-18c42357]{color:var(--text);opacity:.5}@media (width<=480px){.login-card[data-v-18c42357]{padding:24px}.login-title[data-v-18c42357]{font-size:24px}.login-footer[data-v-18c42357]{flex-direction:column;gap:8px}.footer-separator[data-v-18c42357]{display:none}}.btn[data-v-47385717]{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn[data-v-47385717]:focus{outline-offset:2px;outline:2px solid #667eea80}.btn-small[data-v-47385717]{min-height:32px;padding:6px 12px;font-size:12px}.btn-medium[data-v-47385717]{min-height:40px;padding:10px 20px;font-size:14px}.btn-large[data-v-47385717]{min-height:48px;padding:14px 28px;font-size:16px}.btn-block[data-v-47385717]{width:100%;display:flex}.btn-circle[data-v-47385717]{aspect-ratio:1;border-radius:50%;padding:0}.btn-circle.btn-small[data-v-47385717]{width:32px}.btn-circle.btn-medium[data-v-47385717]{width:40px}.btn-circle.btn-large[data-v-47385717]{width:48px}.btn-icon-only.btn-small[data-v-47385717]{padding:6px}.btn-icon-only.btn-medium[data-v-47385717]{padding:10px}.btn-icon-only.btn-large[data-v-47385717]{padding:14px}.btn-primary[data-v-47385717]{color:#fff;background:linear-gradient(135deg,#208953 0%,#3fb78d 100%);border:2px solid #0000}.btn-primary[data-v-47385717]:hover:not(.btn-disabled):not(.btn-loading){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-primary[data-v-47385717]:active:not(.btn-disabled):not(.btn-loading){transform:translateY(0)}.btn-secondary[data-v-47385717]{color:#495057;background:#f8f9fa;border:2px solid #e9ecef}.btn-secondary[data-v-47385717]:hover:not(.btn-disabled):not(.btn-loading){background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.btn-outline[data-v-47385717]{color:#667eea;background:0 0;border:2px solid #667eea}.btn-outline[data-v-47385717]:hover:not(.btn-disabled):not(.btn-loading){color:#fff;background:#667eea;transform:translateY(-2px);box-shadow:0 4px 15px #667eea33}.btn-ghost[data-v-47385717]{color:#495057;background:0 0;border:2px solid #0000}.btn-ghost[data-v-47385717]:hover:not(.btn-disabled):not(.btn-loading){background:#0000000d;transform:translateY(-2px)}.btn-danger[data-v-47385717]{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);border:2px solid #0000}.btn-danger[data-v-47385717]:hover:not(.btn-disabled):not(.btn-loading){transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}.btn-success[data-v-47385717]{color:#fff;background:linear-gradient(135deg,#51cf66 0%,#69db7c 100%);border:2px solid #0000}.btn-success[data-v-47385717]:hover:not(.btn-disabled):not(.btn-loading){transform:translateY(-2px);box-shadow:0 4px 15px #51cf6666}.btn-disabled[data-v-47385717]{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-loading[data-v-47385717]{cursor:wait;opacity:.8}.btn-loading-spinner[data-v-47385717]{justify-content:center;align-items:center;display:flex}.spinner[data-v-47385717]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin-47385717}.btn-outline .spinner[data-v-47385717],.btn-ghost .spinner[data-v-47385717]{border:2px solid #667eea4d;border-top-color:#667eea}.btn-secondary .spinner[data-v-47385717]{border:2px solid #4950574d;border-top-color:#495057}@keyframes spin-47385717{to{transform:rotate(360deg)}}.btn-icon[data-v-47385717]{justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.btn-icon-left[data-v-47385717]{margin-right:4px}.btn-icon-right[data-v-47385717]{margin-left:4px}.btn-icon-only[data-v-47385717]{font-size:18px}.btn-small .btn-icon[data-v-47385717]{font-size:14px}.btn-large .btn-icon[data-v-47385717]{font-size:18px}.btn-shadow[data-v-47385717]{box-shadow:0 2px 8px #0000001a}.btn-shadow[data-v-47385717]:hover:not(.btn-disabled):not(.btn-loading){box-shadow:0 4px 20px #00000026}.btn[data-v-47385717]:after{content:"";opacity:0;transform-origin:50%;background:#ffffff80;border-radius:100%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:scale(1)translate(-50%)}.btn[data-v-47385717]:focus:not(:active):after{animation:1s ease-out ripple-47385717}@keyframes ripple-47385717{0%{opacity:.5;transform:scale(0)}20%{opacity:.3;transform:scale(25)}to{opacity:0;transform:scale(40)}}@media (width<=768px){.btn-medium[data-v-47385717]{min-height:36px;padding:8px 16px;font-size:13px}.btn-large[data-v-47385717]{min-height:44px;padding:12px 24px;font-size:14px}}.header[data-v-996fa110]{color:#fff;z-index:1000;background:linear-gradient(135deg,#208953 0%,#3fb78d 100%);position:sticky;top:0;box-shadow:0 4px 20px #0000001a}.header-container[data-v-996fa110]{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 20px;display:flex}.logo[data-v-996fa110]{cursor:pointer;align-items:center;gap:12px;transition:transform .3s;display:flex}.logo[data-v-996fa110]:hover{transform:scale(1.05)}.logo-icon[data-v-996fa110]{font-size:28px}.logo-text[data-v-996fa110]{letter-spacing:1px;font-size:24px;font-weight:700}.desktop-nav[data-v-996fa110]{display:none}.nav-list[data-v-996fa110]{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-item[data-v-996fa110]{cursor:pointer;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:500;transition:all .3s;position:relative}.nav-item[data-v-996fa110]:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-item[data-v-996fa110]:after{content:"";background:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.nav-item[data-v-996fa110]:hover:after{width:60%}.user-actions[data-v-996fa110]{align-items:center;gap:15px;display:flex}.auth-buttons[data-v-996fa110]{gap:10px;display:flex}.btn[data-v-996fa110]{cursor:pointer;border:none;border-radius:25px;outline:none;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary[data-v-996fa110]{color:#667eea;background:#fff}.btn-primary[data-v-996fa110]:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-outline[data-v-996fa110]{color:#fff;background:0 0;border:2px solid #fff}.btn-outline[data-v-996fa110]:hover{color:#667eea;background:#fff;transform:translateY(-2px)}.btn-secondary[data-v-996fa110]{color:#fff;background:#ffffff1a;border:2px solid #ffffff4d}.btn-secondary[data-v-996fa110]:hover{background:#fff3;transform:translateY(-2px)}.mobile-menu-btn[data-v-996fa110]{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;display:flex;position:relative}.mobile-menu-btn .bar[data-v-996fa110]{background:#fff;border-radius:2px;width:100%;height:3px;transition:all .3s}.mobile-menu-btn.active .bar[data-v-996fa110]:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-menu-btn.active .bar[data-v-996fa110]:nth-child(2){opacity:0}.mobile-menu-btn.active .bar[data-v-996fa110]:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-menu[data-v-996fa110]{color:#333;background:#fff;max-height:0;transition:max-height .5s;position:absolute;top:70px;left:0;right:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.mobile-menu.open[data-v-996fa110]{max-height:400px}.mobile-nav-list[data-v-996fa110]{margin:0;padding:20px;list-style:none}.mobile-nav-item[data-v-996fa110]{cursor:pointer;border-bottom:1px solid #eee;padding:15px 0;font-size:16px;font-weight:500;transition:all .3s}.mobile-nav-item[data-v-996fa110]:last-child{border-bottom:none}.mobile-nav-item[data-v-996fa110]:hover{color:#667eea;padding-left:10px}@media (width>=768px){.desktop-nav[data-v-996fa110]{display:block}.mobile-menu-btn[data-v-996fa110],.mobile-menu[data-v-996fa110]{display:none}}@media (width<=767px){.auth-buttons[data-v-996fa110],.user-info[data-v-996fa110]{display:none}}.modal-container[data-v-b5cb5f43]{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-mask[data-v-b5cb5f43]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal-wrapper[data-v-b5cb5f43]{background:#fff;border-radius:12px;flex-direction:column;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-small[data-v-b5cb5f43]{width:400px;max-width:90vw}.modal-medium[data-v-b5cb5f43]{width:600px;max-width:90vw}.modal-large[data-v-b5cb5f43]{width:800px;max-width:90vw}.modal-full[data-v-b5cb5f43]{width:95vw;height:95vh}.modal-animate[data-v-b5cb5f43]{animation:.3s ease-out modalSlideIn-b5cb5f43}@keyframes modalSlideIn-b5cb5f43{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-fade-enter-active[data-v-b5cb5f43],.modal-fade-leave-active[data-v-b5cb5f43]{transition:opacity .3s}.modal-fade-enter-from[data-v-b5cb5f43],.modal-fade-leave-to[data-v-b5cb5f43]{opacity:0}.modal-header[data-v-b5cb5f43]{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title[data-v-b5cb5f43]{color:#333;margin:0;font-size:20px;font-weight:600;line-height:1.4}.modal-close-btn[data-v-b5cb5f43]{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .3s;display:flex}.modal-close-btn[data-v-b5cb5f43]:hover{color:#333;background:#f5f5f5}.close-icon[data-v-b5cb5f43]{font-weight:300;line-height:1}.modal-content[data-v-b5cb5f43]{flex:1;max-height:calc(90vh - 140px);padding:24px;overflow-y:auto}.modal-full .modal-content[data-v-b5cb5f43]{max-height:calc(95vh - 140px)}.modal-footer[data-v-b5cb5f43]{border-top:1px solid #f0f0f0;flex-shrink:0;padding:20px 24px}.modal-footer-buttons[data-v-b5cb5f43]{justify-content:flex-end;gap:12px;display:flex}.modal-content[data-v-b5cb5f43]::-webkit-scrollbar{width:6px}.modal-content[data-v-b5cb5f43]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content[data-v-b5cb5f43]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content[data-v-b5cb5f43]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (width<=768px){.modal-small[data-v-b5cb5f43],.modal-medium[data-v-b5cb5f43],.modal-large[data-v-b5cb5f43]{width:95vw;max-height:95vh}.modal-header[data-v-b5cb5f43]{padding:16px 20px}.modal-content[data-v-b5cb5f43]{max-height:calc(95vh - 120px);padding:20px}.modal-footer[data-v-b5cb5f43]{padding:16px 20px}.modal-title[data-v-b5cb5f43]{font-size:18px}}@media (width<=480px){.modal-footer-buttons[data-v-b5cb5f43]{flex-direction:column;width:100%}.modal-footer-buttons button[data-v-b5cb5f43]{width:100%}}.card[data-v-adc908d9]{background:#fff;border-radius:16px;flex-direction:column;min-height:200px;transition:all .3s;display:flex;position:relative;overflow:hidden}.card-shadow[data-v-adc908d9]{box-shadow:0 4px 20px #00000014}.card-bordered[data-v-adc908d9]{border:1px solid #f0f0f0}.card-clickable[data-v-adc908d9]{cursor:pointer}.card-hoverable[data-v-adc908d9]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.card-default[data-v-adc908d9]{padding:24px}.card-note[data-v-adc908d9]{background:linear-gradient(135deg,#f8f9ff 0%,#f0f2ff 100%);padding:30px}.card-product[data-v-adc908d9]{padding:0}.card-testimonial[data-v-adc908d9]{background:linear-gradient(135deg,#fff8f8 0%,#fff0f0 100%);padding:30px}.card-image[data-v-adc908d9]{width:100%;height:200px;position:relative;overflow:hidden}.card-image .image[data-v-adc908d9]{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card-image .image[data-v-adc908d9]{transform:scale(1.05)}.image-tags[data-v-adc908d9]{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:15px;left:15px}.card-icon[data-v-adc908d9]{justify-content:center;margin-bottom:20px;display:flex}.icon-wrapper[data-v-adc908d9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.icon[data-v-adc908d9]{color:#fff;font-size:28px}.card-content[data-v-adc908d9]{flex-direction:column;flex:1;padding:24px;display:flex}.card-product .card-content[data-v-adc908d9]{padding:20px}.card-title[data-v-adc908d9]{color:#333;margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.4}.card-note .card-title[data-v-adc908d9]{color:#667eea}.card-testimonial .card-title[data-v-adc908d9]{color:#666;font-style:italic}.card-description[data-v-adc908d9]{color:#666;-webkit-box-orient:vertical;min-height:4.8em;margin:0 0 20px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-timestamp[data-v-adc908d9]{font-size:14px}.card-tags[data-v-adc908d9]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag[data-v-adc908d9]{color:#667eea;background:#667eea1a;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.card-note .tag[data-v-adc908d9]{color:#fff;background:#fff3}.card-testimonial .tag[data-v-adc908d9]{color:#ff6b6b;background:#ff6b6b1a}.card-button[data-v-adc908d9]{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:25px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.card-button[data-v-adc908d9]:hover{color:#fff;background:#667eea;transform:translate(5px)}.button-icon[data-v-adc908d9]{font-size:16px;transition:transform .3s}.card-button:hover .button-icon[data-v-adc908d9]{transform:translate(3px)}.card-note .card-button[data-v-adc908d9]{color:#667eea;background:#fff;border-color:#fff}.card-note .card-button[data-v-adc908d9]:hover{background:#f8f9fa;border-color:#f8f9fa}.card-testimonial .card-button[data-v-adc908d9]{color:#ff6b6b;border-color:#ff6b6b}.card-testimonial .card-button[data-v-adc908d9]:hover{color:#fff;background:#ff6b6b}.testimonial-quote[data-v-adc908d9]{opacity:.1;position:absolute;top:20px;right:20px}.quote-icon[data-v-adc908d9]{color:#ff6b6b;font-family:serif;font-size:60px}@media (width<=768px){.card[data-v-adc908d9]{padding:20px}.card-note[data-v-adc908d9],.card-testimonial[data-v-adc908d9]{padding:24px}.card-image[data-v-adc908d9]{height:180px}.card-title[data-v-adc908d9]{font-size:18px}}.card-container[data-v-68232640]{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1152px;margin:0 auto;padding:24px;display:flex}.controls[data-v-68232640]{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.search-box[data-v-68232640]{flex-direction:column;gap:8px;display:flex}.search-input-wrapper[data-v-68232640]{align-items:center;max-width:400px;display:flex;position:relative}.search-icon[data-v-68232640]{color:#999;font-size:18px;position:absolute;left:16px}.search-input[data-v-68232640]{border:2px solid #e0e0e0;border-radius:25px;outline:none;width:100%;padding:12px 48px;font-size:16px;transition:all .3s}.search-input[data-v-68232640]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-button[data-v-68232640]{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;transition:all .2s;display:flex;position:absolute;right:16px}.clear-button[data-v-68232640]:hover{color:#666;background:#f0f0f0}.search-hint[data-v-68232640]{color:#999;margin-left:16px;font-size:14px}.filter-box[data-v-68232640]{flex-direction:column;gap:12px;display:flex}.filter-label[data-v-68232640]{color:#333;font-size:16px;font-weight:500}.filter-options[data-v-68232640]{flex-wrap:wrap;gap:8px;display:flex}.filter-option[data-v-68232640]{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .3s}.filter-option[data-v-68232640]:hover{background:#e8e8e8;border-color:#d0d0d0}.filter-option.active[data-v-68232640]{color:#fff;background:#667eea;border-color:#667eea}.clear-filter-button[data-v-68232640]{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #ff6b6b;border-radius:15px;align-self:flex-start;padding:6px 12px;font-size:14px;transition:all .3s}.clear-filter-button[data-v-68232640]:hover{color:#fff;background:#ff6b6b}.results-info[data-v-68232640]{color:#666;border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:12px;font-size:16px}.cards-grid[data-v-68232640]{box-sizing:border-box;align-items:start;width:100%;margin-top:16px;overflow:hidden}.no-results[data-v-68232640]{text-align:center;background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:60px 20px;display:flex}.no-results-icon[data-v-68232640]{opacity:.5;margin-bottom:24px;font-size:64px}.no-results h3[data-v-68232640]{color:#333;margin:0 0 12px;font-size:24px;font-weight:600}.no-results p[data-v-68232640]{color:#666;max-width:400px;margin:0 0 24px;font-size:16px}.no-results-actions[data-v-68232640]{gap:12px;display:flex}.action-button[data-v-68232640]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.action-button[data-v-68232640]:hover{background:#5a6fd8;transform:translateY(-2px)}@media (width<=1024px){.cards-grid[data-v-68232640]{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(180px,auto)!important}}@media (width<=768px){.card-container[data-v-68232640]{max-width:calc(100% - 32px);padding:16px}.cards-grid[data-v-68232640]{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:minmax(160px,auto)!important}.filter-options[data-v-68232640]{flex-wrap:wrap}.search-input-wrapper[data-v-68232640]{max-width:100%}}@media (width<=480px){.controls[data-v-68232640]{gap:16px}.filter-options[data-v-68232640]{gap:6px}.filter-option[data-v-68232640]{padding:6px 12px;font-size:13px}.no-results[data-v-68232640]{padding:40px 16px}.no-results-icon[data-v-68232640]{font-size:48px}.no-results h3[data-v-68232640]{font-size:20px}.cards-grid[data-v-68232640]{grid-auto-rows:minmax(140px,auto)!important}}.footer[data-v-ab6643bb]{color:#fff;background:linear-gradient(135deg,#208953 0%,#3fb78d 100%);margin-top:auto;padding:60px 0 30px;box-shadow:0 -4px 20px #0000001a}.footer-container[data-v-ab6643bb]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-top[data-v-ab6643bb]{grid-template-columns:1fr;gap:40px;margin-bottom:50px;display:grid}.footer-brand[data-v-ab6643bb]{flex-direction:column;gap:20px;display:flex}.footer-logo[data-v-ab6643bb]{cursor:pointer;align-items:center;gap:12px;display:flex}.footer-logo .logo-icon[data-v-ab6643bb]{font-size:32px}.footer-logo .logo-text[data-v-ab6643bb]{letter-spacing:1px;font-size:28px;font-weight:700}.footer-description[data-v-ab6643bb]{max-width:300px;font-size:16px;line-height:1}.social-links[data-v-ab6643bb]{gap:15px;margin-top:10px;display:flex}.social-link[data-v-ab6643bb]{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:0;text-decoration:none;transition:all .3s;display:flex}.social-link[data-v-ab6643bb]:hover{background:#fff3;transform:translateY(-3px)}.social-icon[data-v-ab6643bb]{font-size:20px}.footer-bottom[data-v-ab6643bb]{border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:20px;padding-top:30px;display:flex}.copyright[data-v-ab6643bb]{text-align:center;font-size:14px}.footer-bottom-links[data-v-ab6643bb]{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.bottom-link[data-v-ab6643bb]{color:#fff;font-size:14px;text-decoration:none;transition:color .3s}.bottom-link[data-v-ab6643bb]:hover{color:#fff}.separator[data-v-ab6643bb]{color:#fff;font-size:14px}@media (width>=768px){.footer-top[data-v-ab6643bb]{text-align:center;grid-template-columns:1fr;align-items:center}.footer-brand[data-v-ab6643bb]{align-items:center}.footer-description[data-v-ab6643bb]{max-width:500px;margin:0 auto}.footer-bottom[data-v-ab6643bb]{flex-direction:row;justify-content:space-between;align-items:center}}.grid-container[data-v-78120169]{box-sizing:border-box;align-items:start}@media (width<=1024px){.grid-container.responsive[data-v-78120169]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=768px){.grid-container.responsive[data-v-78120169]{grid-template-columns:minmax(0,1fr)!important}}.home-page[data-v-3077a3c7]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-3077a3c7]{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-3077a3c7]{text-align:center;margin-bottom:40px;padding:20px}.page-header h1[data-v-3077a3c7]{color:#333;margin-bottom:16px;font-size:32px;font-weight:700}.page-description[data-v-3077a3c7]{color:#666;max-width:800px;margin:0 auto;font-size:18px;line-height:1.6}.footer-content[data-v-3077a3c7]{text-align:center;padding:20px}.footer-content p[data-v-3077a3c7]{color:#666;margin:8px 0;font-size:14px}.footer-hint[data-v-3077a3c7]{color:#999;font-size:13px;font-style:italic}@media (width<=768px){.main-content[data-v-3077a3c7]{padding:16px}.page-header[data-v-3077a3c7]{margin-bottom:30px;padding:16px}.page-header h1[data-v-3077a3c7]{font-size:28px}.page-description[data-v-3077a3c7]{font-size:16px}}@media (width<=480px){.page-header h1[data-v-3077a3c7]{font-size:24px}.page-description[data-v-3077a3c7]{font-size:15px}}.toast-container[data-v-b26afada]{z-index:9999;cursor:pointer;background:#fff;border-radius:8px;min-width:300px;max-width:500px;transition:all .3s;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000026}.toast-container[data-v-b26afada]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.toast-top-right[data-v-b26afada]{top:20px;right:20px}.toast-top-left[data-v-b26afada]{top:20px;left:20px}.toast-top-center[data-v-b26afada]{top:20px;left:50%;transform:translate(-50%)}.toast-bottom-right[data-v-b26afada]{bottom:20px;right:20px}.toast-bottom-left[data-v-b26afada]{bottom:20px;left:20px}.toast-bottom-center[data-v-b26afada]{bottom:20px;left:50%;transform:translate(-50%)}.toast-success[data-v-b26afada]{border-left:4px solid #52c41a}.toast-error[data-v-b26afada]{border-left:4px solid #f5222d}.toast-warning[data-v-b26afada]{border-left:4px solid #faad14}.toast-info[data-v-b26afada]{border-left:4px solid #1890ff}.toast-content[data-v-b26afada]{align-items:flex-start;gap:12px;padding:16px;display:flex}.toast-icon[data-v-b26afada]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.toast-success .toast-icon[data-v-b26afada]{color:#52c41a;background:#f6ffed}.toast-error .toast-icon[data-v-b26afada]{color:#f5222d;background:#fff1f0}.toast-warning .toast-icon[data-v-b26afada]{color:#faad14;background:#fffbe6}.toast-info .toast-icon[data-v-b26afada]{color:#1890ff;background:#e6f7ff}.toast-text[data-v-b26afada]{flex:1;min-width:0}.toast-title[data-v-b26afada]{color:#333;margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.4}.toast-message[data-v-b26afada]{color:#666;font-size:14px;line-height:1.5}.toast-close-btn[data-v-b26afada]{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .3s;display:flex}.toast-close-btn[data-v-b26afada]:hover{color:#333;background:#f5f5f5}.close-icon[data-v-b26afada]{font-weight:300;line-height:1}.toast-progress[data-v-b26afada]{background:#0000001a;height:3px;overflow:hidden}.toast-progress-bar[data-v-b26afada]{height:100%;animation:linear forwards progress-b26afada;animation-duration:var(--v000bc5b2);background:currentColor}.toast-success .toast-progress-bar[data-v-b26afada]{background:#52c41a}.toast-error .toast-progress-bar[data-v-b26afada]{background:#f5222d}.toast-warning .toast-progress-bar[data-v-b26afada]{background:#faad14}.toast-info .toast-progress-bar[data-v-b26afada]{background:#1890ff}@keyframes progress-b26afada{0%{width:100%}to{width:0%}}.toast-fade-enter-active[data-v-b26afada],.toast-fade-leave-active[data-v-b26afada]{transition:all .3s}.toast-fade-enter-from[data-v-b26afada],.toast-fade-leave-to[data-v-b26afada]{opacity:0;transform:translateY(-20px)}.toast-top-center.toast-fade-enter-from[data-v-b26afada],.toast-top-center.toast-fade-leave-to[data-v-b26afada]{transform:translate(-50%,-20px)}.toast-bottom-center.toast-fade-enter-from[data-v-b26afada],.toast-bottom-center.toast-fade-leave-to[data-v-b26afada]{transform:translate(-50%,20px)}@media (width<=768px){.toast-container[data-v-b26afada]{min-width:280px;max-width:calc(100vw - 40px)}.toast-top-right[data-v-b26afada],.toast-top-left[data-v-b26afada],.toast-bottom-right[data-v-b26afada],.toast-bottom-left[data-v-b26afada]{left:20px;right:20px;transform:none}.toast-top-right[data-v-b26afada],.toast-top-left[data-v-b26afada]{top:20px}.toast-bottom-right[data-v-b26afada],.toast-bottom-left[data-v-b26afada]{bottom:20px}}.toolbar[data-v-b22bc2db]{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:5px;align-items:center;gap:8px;padding:12px;transition:all .3s;display:flex}.toolbar-horizontal[data-v-b22bc2db]{flex-direction:row}.toolbar-vertical[data-v-b22bc2db]{flex-direction:column;align-items:stretch}.toolbar-vertical .toolbar-content[data-v-b22bc2db]{flex-direction:column}.toolbar-vertical .toolbar-item[data-v-b22bc2db]{width:100%}.toolbar-compact[data-v-b22bc2db]{gap:4px;padding:8px}.toolbar-compact .toolbar-divider[data-v-b22bc2db]{margin:0 4px}.toolbar-content[data-v-b22bc2db]{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;transition:all .3s;display:flex;overflow:hidden}.toolbar-vertical .toolbar-content[data-v-b22bc2db]{flex-wrap:nowrap;gap:12px}@media (width>=769px) and (width<=1200px){.toolbar-content[data-v-b22bc2db]{gap:6px}.toolbar-btn-medium[data-v-b22bc2db]{padding:6px 12px;font-size:13px}.toolbar-btn-large[data-v-b22bc2db]{padding:8px 16px;font-size:14px}}@media (width>=1201px){.toolbar-content[data-v-b22bc2db]{gap:10px}.toolbar-content.toolbar-many-buttons[data-v-b22bc2db]{justify-content:flex-start}}.toolbar-scrollable .toolbar-content[data-v-b22bc2db]{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:8px;overflow:auto hidden}.toolbar-scrollable .toolbar-item[data-v-b22bc2db]{flex:none}.toolbar-scrollable .toolbar-content[data-v-b22bc2db]::-webkit-scrollbar{height:6px}.toolbar-scrollable .toolbar-content[data-v-b22bc2db]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px;margin:0 4px}.toolbar-scrollable .toolbar-content[data-v-b22bc2db]::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px;transition:background .2s}.toolbar-scrollable .toolbar-content[data-v-b22bc2db]::-webkit-scrollbar-thumb:hover{background:#00000040}.toolbar-scrollable .toolbar-content[data-v-b22bc2db]::-webkit-scrollbar-thumb:active{background:#00000059}.toolbar-scrollable .toolbar-content[data-v-b22bc2db]{scrollbar-width:thin;scrollbar-color:#00000026 #0000000d}.toolbar-item[data-v-b22bc2db]{align-items:center;display:flex}.toolbar-divider[data-v-b22bc2db]{background:var(--border);width:1px;height:24px;margin:0 8px}.toolbar-vertical .toolbar-divider[data-v-b22bc2db]{width:100%;height:1px;margin:8px 0}.toolbar-slot[data-v-b22bc2db]{align-items:center;gap:8px;margin-left:auto;display:flex}.toolbar-vertical .toolbar-slot[data-v-b22bc2db]{width:100%;margin-top:auto;margin-left:0}@media (width<=768px){.toolbar[data-v-b22bc2db]{border-radius:8px;max-width:100%;padding:8px;overflow:hidden}.toolbar-horizontal[data-v-b22bc2db]{flex-wrap:wrap;justify-content:center}.toolbar-item[data-v-b22bc2db]{flex:none;min-width:0}.toolbar-btn[data-v-b22bc2db]{white-space:normal;word-break:break-word;text-align:center;min-width:60px;max-width:120px}.toolbar-btn-medium[data-v-b22bc2db]{min-height:32px;padding:6px 10px;font-size:13px}.toolbar-btn-large[data-v-b22bc2db]{min-height:36px;padding:8px 14px;font-size:14px}.toolbar-btn-small[data-v-b22bc2db]{min-height:26px;padding:3px 8px;font-size:12px}.toolbar-content[data-v-b22bc2db]{flex-wrap:wrap;justify-content:flex-start;gap:6px}.toolbar-slot[data-v-b22bc2db]{flex-wrap:wrap;justify-content:center;width:100%;margin-top:8px;margin-left:0}.toolbar-vertical[data-v-b22bc2db]{width:100%;max-width:300px;margin:0 auto}}@media (width<=640px){.toolbar-content[data-v-b22bc2db]{gap:4px}.toolbar-btn[data-v-b22bc2db]{min-width:50px;padding:4px 6px!important;font-size:12px!important}.toolbar-btn-medium[data-v-b22bc2db]{min-height:30px;padding:4px 8px;font-size:12px}.toolbar-btn-large[data-v-b22bc2db]{min-height:34px;padding:6px 10px;font-size:13px}.toolbar-btn-small[data-v-b22bc2db]{min-height:24px;padding:2px 6px;font-size:11px}}@media (width<=480px){.toolbar[data-v-b22bc2db]{gap:4px;padding:6px}.toolbar-content[data-v-b22bc2db]{gap:4px}.toolbar-btn[data-v-b22bc2db]{white-space:nowrap;text-overflow:ellipsis;min-width:40px;overflow:hidden;padding:3px 5px!important;font-size:11px!important}.toolbar-btn-medium[data-v-b22bc2db]{min-height:28px;padding:4px 6px;font-size:11px}.toolbar-btn-large[data-v-b22bc2db]{min-height:30px;padding:5px 8px;font-size:12px}.toolbar-btn-small[data-v-b22bc2db]{min-height:22px;padding:2px 4px;font-size:10px}.toolbar-btn-circle.toolbar-btn-small[data-v-b22bc2db]{width:24px;min-width:24px}.toolbar-btn-circle.toolbar-btn-medium[data-v-b22bc2db]{width:28px;min-width:28px}.toolbar-btn-circle.toolbar-btn-large[data-v-b22bc2db]{width:32px;min-width:32px}.btn-icon[data-v-b22bc2db]{font-size:12px}}@media (width<=360px){.toolbar[data-v-b22bc2db]{padding:4px}.toolbar-content[data-v-b22bc2db]{gap:3px}.toolbar-btn[data-v-b22bc2db]{min-width:35px;padding:2px 4px!important;font-size:10px!important}.toolbar-btn:not(.toolbar-btn-circle) .btn-content[data-v-b22bc2db]{display:none}.toolbar-btn:not(.toolbar-btn-circle) .btn-icon[data-v-b22bc2db]{margin:0}.toolbar-btn-circle.toolbar-btn-small[data-v-b22bc2db]{width:22px;min-width:22px}.toolbar-btn-circle.toolbar-btn-medium[data-v-b22bc2db]{width:26px;min-width:26px}.toolbar-btn-circle.toolbar-btn-large[data-v-b22bc2db]{width:30px;min-width:30px}}.toolbar-btn[data-v-b22bc2db]{cursor:pointer;font-weight:500;font-family:var(--sans);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--bg);color:var(--text);border:none;border:1px solid var(--border);letter-spacing:.5px;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.toolbar-btn[data-v-b22bc2db]:focus{outline:2px solid var(--accent);outline-offset:2px}.toolbar-btn[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #aa3bff26}.toolbar-btn[data-v-b22bc2db]:active:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){transform:translateY(0);box-shadow:0 2px 6px #aa3bff1a}.toolbar-btn-small[data-v-b22bc2db]{min-height:28px;padding:4px 10px;font-size:13px}.toolbar-btn-medium[data-v-b22bc2db]{min-height:36px;padding:8px 16px;font-size:14px}.toolbar-btn-large[data-v-b22bc2db]{min-height:44px;padding:12px 24px;font-size:15px}.toolbar-btn-block[data-v-b22bc2db]{justify-content:center;width:100%;display:flex}.toolbar-btn-circle[data-v-b22bc2db]{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.toolbar-btn-circle.toolbar-btn-small[data-v-b22bc2db]{width:28px;min-width:28px}.toolbar-btn-circle.toolbar-btn-medium[data-v-b22bc2db]{width:36px;min-width:36px}.toolbar-btn-circle.toolbar-btn-large[data-v-b22bc2db]{width:44px;min-width:44px}.toolbar-btn-primary[data-v-b22bc2db]{color:#000;background:#00000014;border-color:#00000014}.toolbar-btn-primary[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){background:#5cec6de6;border-color:#63e8c2e6;box-shadow:0 4px 16px #aa3bff40}.toolbar-btn-secondary[data-v-b22bc2db]{background:var(--code-bg);color:var(--text);border-color:var(--border)}.toolbar-btn-secondary[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){border-color:var(--accent);background:#f4f3eccc;box-shadow:0 4px 12px #aa3bff1a}.toolbar-btn-outline[data-v-b22bc2db]{color:var(--accent);border:2px solid var(--accent);background:0 0}.toolbar-btn-outline[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){background:var(--accent-bg);box-shadow:0 4px 12px #aa3bff26}.toolbar-btn-ghost[data-v-b22bc2db]{color:var(--text);background:0 0;border:1px solid #0000}.toolbar-btn-ghost[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){background:var(--accent-bg);color:var(--accent);border-color:#0000}.toolbar-btn-danger[data-v-b22bc2db]{color:#fff;background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);border-color:#ff4757}.toolbar-btn-danger[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){background:linear-gradient(135deg,#ff3838 0%,#ff5e7d 100%);border-color:#ff3838;box-shadow:0 4px 16px #ff475740}.toolbar-btn-success[data-v-b22bc2db]{color:#fff;background:linear-gradient(135deg,#2ed573 0%,#7bed9f 100%);border-color:#2ed573}.toolbar-btn-success[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){background:linear-gradient(135deg,#20bf6b 0%,#6bcf8f 100%);border-color:#20bf6b;box-shadow:0 4px 16px #2ed57340}.toolbar-btn-disabled[data-v-b22bc2db]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.toolbar-btn-loading[data-v-b22bc2db]{cursor:wait;opacity:.8}.btn-loading-spinner[data-v-b22bc2db]{justify-content:center;align-items:center;display:flex}.spinner[data-v-b22bc2db]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin-b22bc2db}.toolbar-btn-outline .spinner[data-v-b22bc2db],.toolbar-btn-ghost .spinner[data-v-b22bc2db],.toolbar-btn-secondary .spinner[data-v-b22bc2db]{border:2px solid #aa3bff4d;border-top-color:var(--accent)}.toolbar-btn-danger .spinner[data-v-b22bc2db],.toolbar-btn-success .spinner[data-v-b22bc2db]{border:2px solid #ffffff4d;border-top-color:#fff}@keyframes spin-b22bc2db{to{transform:rotate(360deg)}}.btn-icon[data-v-b22bc2db]{justify-content:center;align-items:center;font-size:14px;line-height:1;transition:transform .2s;display:inline-flex}.toolbar-btn:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading) .btn-icon[data-v-b22bc2db]{transform:scale(1.1)}.btn-icon-middle[data-v-b22bc2db]{margin:0;padding:0}.btn-icon-right[data-v-b22bc2db]{margin-left:6px}.toolbar-btn-small .btn-icon[data-v-b22bc2db]{font-size:12px}.toolbar-btn-large .btn-icon[data-v-b22bc2db]{font-size:16px}.toolbar-btn-shadow[data-v-b22bc2db]{box-shadow:0 2px 6px #00000014}.toolbar-btn-shadow[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){box-shadow:0 4px 16px #0000001f}.toolbar-btn[data-v-b22bc2db]:after{content:"";opacity:0;transform-origin:50%;background:#ffffff80;border-radius:100%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:scale(1)translate(-50%)}.toolbar-btn-primary[data-v-b22bc2db]:after{background:#ffffff80}.toolbar-btn-secondary[data-v-b22bc2db]:after,.toolbar-btn-outline[data-v-b22bc2db]:after,.toolbar-btn-ghost[data-v-b22bc2db]:after{background:#aa3bff4d}.toolbar-btn[data-v-b22bc2db]:focus:not(:active):after{animation:.6s ease-out ripple-b22bc2db}@keyframes ripple-b22bc2db{0%{opacity:.5;transform:scale(0)}20%{opacity:.3;transform:scale(20)}to{opacity:0;transform:scale(40)}}@media (prefers-color-scheme:dark){.toolbar[data-v-b22bc2db]{background:var(--code-bg);border-color:var(--border)}.toolbar-btn[data-v-b22bc2db]{background:var(--code-bg);color:var(--text);border-color:var(--border)}.toolbar-btn-secondary[data-v-b22bc2db]{background:#ffffff0d}.toolbar-btn-secondary[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){border-color:var(--accent);background:#ffffff1a}.toolbar-btn-ghost[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){background:var(--accent-bg);color:var(--accent)}.toolbar-btn-outline[data-v-b22bc2db]:hover:not(.toolbar-btn-disabled):not(.toolbar-btn-loading){background:var(--accent-bg)}}.input-wrapper[data-v-4fd9a897]{flex-direction:column;width:auto;height:auto;margin-top:10px;margin-right:20px;display:flex}.lable[data-v-4fd9a897]{color:#333;text-align:left;margin-left:1%;font-size:15px;font-weight:500}.base-input[data-v-4fd9a897]{border:2px solid #68e975;border-radius:8px;outline:none;width:100%;padding:10px 12px;transition:all .2s}.base-input[data-v-4fd9a897]:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.base-textarea[data-v-4fd9a897]{resize:none;border:2px solid #68e975;border-radius:8px;outline:none;width:90%;min-height:100px;padding:10px 12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:all .2s}.base-textarea[data-v-4fd9a897]:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.base-select[data-v-4fd9a897]{border:2px solid #68e975;border-radius:8px;outline:none;width:100%;padding:10px 12px;transition:all .2s}.base-select[data-v-4fd9a897]:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.base-richText[data-v-4fd9a897]{height:auto;max-height:28rem;overflow:auto}.base-richText[data-v-4fd9a897]::-webkit-scrollbar{width:10px}.base-richText[data-v-4fd9a897]::-webkit-scrollbar-track{background:#68e9751a;border-radius:5px}.base-richText[data-v-4fd9a897]::-webkit-scrollbar-thumb{background:#68e97580 padding-box content-box;border:2px solid #0000;border-radius:5px}.base-richText[data-v-4fd9a897]::-webkit-scrollbar-thumb:hover{background:#68e975b3 padding-box content-box;border:2px solid #0000}.base-richText[data-v-4fd9a897]::-webkit-scrollbar-thumb:active{background:#68e975e6}.base-richText[data-v-4fd9a897]{scrollbar-width:thin;scrollbar-color:#68e97580 #68e9751a}.base-richText[data-v-4fd9a897] .ProseMirror{z-index:0;text-align:left;font-synthesis:style;border:3px solid #68e975;border-radius:10px;outline:none;height:auto;min-height:10rem;padding:5px 10px;font-size:20px;line-height:1.6}.base-richText[data-v-4fd9a897] blockquote{color:#666;border-left:3px solid #ccc;margin:10px 0;padding-left:10px}.base-richText[data-v-4fd9a897] em{color:red}.base-toolbar[data-v-4fd9a897]{z-index:1;background-color:#edfff4;margin-bottom:8px;position:sticky;top:0}.note-form{flex-direction:column;gap:12px;display:flex}.note-form.full-width{margin-top:20px}.card-notes,.card-task,.card-article{padding:24px}.card-notes .icon-wrapper{background:linear-gradient(135deg,#1a2868 0%,#4bcad1 100%)}.card-task .icon-wrapper{background:linear-gradient(135deg,#ec8f3e 10%,#d72797 100%)}.card-article .icon-wrapper{background:linear-gradient(135deg,#57dd98 0%,#109846 100%)}.loading-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1152px;min-height:400px;margin:0 auto;padding:24px;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.loading-text{color:#666;font-size:18px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-save-toggle[data-v-866a6da5]{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.toggle-label[data-v-866a6da5]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.toggle-text[data-v-866a6da5]{color:#666;font-size:14px;font-weight:500}.toggle-switch[data-v-866a6da5]{cursor:pointer;border-radius:13px;width:50px;height:26px;transition:all .3s;position:relative}.toggle-on[data-v-866a6da5]{background-color:#57dd98}.toggle-off[data-v-866a6da5]{background-color:#e0e0e0}.toggle-slider[data-v-866a6da5]{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;box-shadow:0 2px 4px #0003}.toggle-on .toggle-slider[data-v-866a6da5]{left:calc(100% - 23px)}.toggle-off .toggle-slider[data-v-866a6da5]{left:3px}.auto-save-status[data-v-866a6da5]{align-items:center;gap:6px;font-size:12px;display:flex}.status-indicator[data-v-866a6da5]{background-color:#57dd98;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-866a6da5}.status-indicator.off[data-v-866a6da5]{background-color:#ff6b6b;animation:none}.status-text[data-v-866a6da5]{color:#666;font-size:12px}@keyframes pulse-866a6da5{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.toggle-switch[data-v-866a6da5]:hover:not(.disabled){opacity:.9;transform:scale(1.05)}.toggle-switch[data-v-866a6da5]:active:not(.disabled){transform:scale(.95)}.toggle-switch.disabled[data-v-866a6da5]{opacity:.5;cursor:not-allowed}.toggle-switch.disabled[data-v-866a6da5]:hover{opacity:.5;transform:none}.toggle-label.disabled[data-v-866a6da5]{cursor:not-allowed;opacity:.7}.note-content-page[data-v-7fd223d1]{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}.note-content-container[data-v-7fd223d1]{max-width:800px;margin:0 auto;padding:24px}.back-button-container[data-v-7fd223d1]{margin-bottom:24px}.back-button[data-v-7fd223d1]{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.back-button[data-v-7fd223d1]:hover{color:#fff;background:#667eea;transform:translate(-5px)}.loading-container[data-v-7fd223d1]{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 4px 20px #00000014}.loading-spinner[data-v-7fd223d1]{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin-7fd223d1}@keyframes spin-7fd223d1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-7fd223d1]{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 4px 20px #00000014}.error-icon[data-v-7fd223d1]{color:#ff6b6b;margin-bottom:20px;font-size:48px}.error-container h3[data-v-7fd223d1]{color:#333;margin-bottom:12px;font-size:24px}.error-container p[data-v-7fd223d1]{color:#666;margin-bottom:24px}.retry-button[data-v-7fd223d1]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:25px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.retry-button[data-v-7fd223d1]:hover{background:#5a6fd8;transform:translateY(-2px)}.note-content-card[data-v-7fd223d1]{background:#fff;border-radius:16px;min-height:800px;padding:40px;box-shadow:0 8px 30px #0000001f}.note-content-notes[data-v-7fd223d1]{border-top:6px solid #667eea}.note-content-task[data-v-7fd223d1]{border-top:6px solid #ff6b6b}.note-content-article[data-v-7fd223d1]{border-top:6px solid #57dd98}.note-content-default[data-v-7fd223d1]{border-top:6px solid #666}.note-header[data-v-7fd223d1]{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.note-type-badge[data-v-7fd223d1]{color:#fff;text-transform:uppercase;letter-spacing:1px;float:left;border-radius:20px;width:30px;min-width:30px;padding:6px 16px;font-size:14px;font-weight:600}.note-title-section[data-v-7fd223d1]{flex:1}.auto-save-control[data-v-7fd223d1]{flex-direction:column;align-items:flex-end;width:auto;min-width:120px;display:flex}.note-title[data-v-7fd223d1]{color:#333;margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.3}.note-meta[data-v-7fd223d1]{color:#999;gap:20px;font-size:14px;display:flex}.note-id[data-v-7fd223d1],.note-time[data-v-7fd223d1]{align-items:center;gap:6px;display:flex}.note-tags[data-v-7fd223d1]{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.tag[data-v-7fd223d1]{background:#ffffff1a;border:2px solid;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:500}.note-description[data-v-7fd223d1]{border-bottom:1px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.note-description h3[data-v-7fd223d1]{color:#333;margin:0 0 12px;font-size:20px}.note-description p[data-v-7fd223d1]{color:#666;margin:0;font-size:16px;line-height:1.6}.note-content[data-v-7fd223d1]{height:500px;margin-bottom:30px}.note-content h3[data-v-7fd223d1]{color:#333;margin:0 0 16px;font-size:20px}.content-text[data-v-7fd223d1]{color:#444;white-space:pre-wrap;background:#f9f9f9;border-left:4px solid #667eea;border-radius:12px;padding:24px;font-size:16px;line-height:1.8}.note-actions[data-v-7fd223d1]{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:16px;padding-top:24px;display:flex}.action-button[data-v-7fd223d1]{cursor:pointer;border:none;border-radius:25px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s}.edit-button[data-v-7fd223d1]{color:#fff;background:#667eea}.edit-button[data-v-7fd223d1]:hover{background:#5a6fd8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.delete-button[data-v-7fd223d1]{color:#fff;background:#ff6b6b}.delete-button[data-v-7fd223d1]:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.save-button[data-v-7fd223d1]{color:#fff;background:#57dd98}.save-button[data-v-7fd223d1]:hover{background:#4acd8a;transform:translateY(-2px);box-shadow:0 4px 12px #57dd984d}.refresh-button[data-v-7fd223d1]{color:#fff;background:#ffa726}.refresh-button[data-v-7fd223d1]:hover{background:#ff9800;transform:translateY(-2px);box-shadow:0 4px 12px #ffa7264d}.cancel-button[data-v-7fd223d1]{color:#fff;background:#999}.cancel-button[data-v-7fd223d1]:hover{background:#888;transform:translateY(-2px);box-shadow:0 4px 12px #9999994d}.save-status-container[data-v-7fd223d1]{margin-top:16px;margin-bottom:16px}.save-error-message[data-v-7fd223d1]{color:#c62828;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.save-success-message[data-v-7fd223d1]{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;animation:3s ease-in-out fadeInOut-7fd223d1;display:flex}@keyframes fadeInOut-7fd223d1{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.action-button[data-v-7fd223d1]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}@media (width<=768px){.note-content-container[data-v-7fd223d1]{padding:16px}.note-content-card[data-v-7fd223d1]{padding:24px}.note-header[data-v-7fd223d1]{flex-direction:column;gap:16px}.note-title[data-v-7fd223d1]{font-size:24px}.note-meta[data-v-7fd223d1]{flex-direction:column;gap:8px}.note-actions[data-v-7fd223d1]{flex-direction:column}.action-button[data-v-7fd223d1]{width:100%}}@media (width<=480px){.note-content-card[data-v-7fd223d1]{padding:20px}.note-title[data-v-7fd223d1]{font-size:20px}.content-text[data-v-7fd223d1]{padding:16px;font-size:14px}}.delete-confirm-content[data-v-7fd223d1]{text-align:center;padding:20px 0}.delete-warning-icon[data-v-7fd223d1]{color:#ff6b6b;margin-bottom:20px;font-size:48px}.delete-confirm-content h4[data-v-7fd223d1]{color:#333;margin:0 0 16px;font-size:20px;font-weight:600}.delete-warning-text[data-v-7fd223d1]{color:#666;margin:0 0 24px;font-size:16px;line-height:1.6}.delete-warning-text strong[data-v-7fd223d1]{color:#ff6b6b}.delete-note-info[data-v-7fd223d1]{text-align:left;background:#f9f9f9;border-left:4px solid #ff6b6b;border-radius:12px;margin-top:20px;padding:20px}.delete-note-info p[data-v-7fd223d1]{color:#666;margin:8px 0;font-size:14px}.delete-note-info strong[data-v-7fd223d1]{color:#333;margin-right:8px}