:root{--color-primary-blue: #00A6ED;--color-primary-green: #00D26A;--color-primary-red: #F92F60;--color-deep-blue: #0D4A6A;--color-deep-red: #4A1A2E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-image:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,#f5f5f5 70%),radial-gradient(circle,#ddd 1.5px,transparent 1.5px);background-size:100% 100%,16px 16px}@media(prefers-color-scheme:dark){body{background-color:#2d2d2d;background-image:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,#2d2d2d 70%),radial-gradient(circle,#444 1.5px,transparent 1.5px);background-size:100% 100%,16px 16px}}#app{width:100vw;height:100vh}.catalog-page-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.gray-frame{width:800px;height:450px;border:1px solid #d0d0d0;border-radius:12px;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.gray-frame-header{height:50px;border-bottom:1px solid #d0d0d0;display:flex;align-items:center;padding:0 15px;background-color:#fff;flex-shrink:0;gap:10px}.gray-frame-title{font-size:16px;font-weight:600;color:#d0d0d0}.gray-frame-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:15px}.gray-frame-content::-webkit-scrollbar{width:8px}.gray-frame-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.gray-frame-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.gray-frame-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.gray-frame-wrapper{position:relative}.bubble-top-right{position:absolute;top:0;right:0;transform:translateY(calc(-100% - 15px));z-index:10}.bubble-bottom-left{position:absolute;bottom:0;left:0;transform:translateY(calc(100% + 15px));display:flex;flex-direction:row;gap:15px;z-index:10}.home-loading[data-v-5fa2de45]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;background-image:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,#f5f5f5 70%),radial-gradient(circle,#ddd 1.5px,transparent 1.5px);background-size:100% 100%,16px 16px;z-index:1000}.home-loading__spinner[data-v-5fa2de45]{width:56px;height:56px;border:4px solid transparent;border-top-color:#6b6b6b;border-right-color:#6b6b6b;border-bottom-color:#6b6b6b;border-radius:50%;animation:spin-5fa2de45 .8s linear infinite}@keyframes spin-5fa2de45{to{transform:rotate(360deg)}}.fade-leave-active[data-v-5fa2de45]{transition:opacity .3s ease-out}.fade-leave-to[data-v-5fa2de45]{opacity:0}.home-page[data-v-5fa2de45]{width:100%;height:100%;background-color:#f5f5f5;background-image:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,#f5f5f5 70%),radial-gradient(circle,#ddd 1.5px,transparent 1.5px);background-size:100% 100%,16px 16px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in}.home-page--visible[data-v-5fa2de45]{opacity:1}.home-page__content[data-v-5fa2de45]{display:flex;flex-direction:column;align-items:center;padding:40px}.home-page__title[data-v-5fa2de45]{font-size:28px;font-weight:600;color:#333;text-align:center;margin-bottom:40px;height:42px;line-height:42px}.matrix-text[data-v-5fa2de45]{display:inline-block;min-width:280px}.home-page__cards[data-v-5fa2de45]{display:flex;gap:30px}.home-card[data-v-5fa2de45]{width:300px;height:225px;background:#fff;border:1px solid #d0d0d0;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.home-card--active[data-v-5fa2de45]{cursor:pointer;transition:transform .2s}.home-card--active[data-v-5fa2de45]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.home-card--disabled[data-v-5fa2de45]{cursor:not-allowed}.home-card--disabled .home-card__title[data-v-5fa2de45],.home-card--disabled .home-card__subtitle[data-v-5fa2de45],.home-card--disabled .home-card__desc[data-v-5fa2de45]{color:#bbb}.home-card__status[data-v-5fa2de45]{position:absolute;top:15px;right:15px}.home-card__dot[data-v-5fa2de45]{display:block;width:10px;height:10px;background-color:#52c41a;border-radius:50%}.home-card__title[data-v-5fa2de45]{font-size:32px;font-weight:400;color:#333;margin-bottom:12px}.home-card__subtitle[data-v-5fa2de45]{font-size:14px;color:#999;margin-bottom:4px}.home-card__desc[data-v-5fa2de45]{font-size:14px;color:#999}.home-page__footer[data-v-5fa2de45]{margin-top:80px;text-align:center}.home-page__footer p[data-v-5fa2de45]{font-size:14px;color:#999;margin:2px 0}.home-page__footer p[data-v-5fa2de45]:last-child{font-size:12px}@media(prefers-color-scheme:dark){.home-loading[data-v-5fa2de45]{background-color:#2d2d2d;background-image:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,#2d2d2d 70%),radial-gradient(circle,#444 1.5px,transparent 1.5px)}.home-loading__spinner[data-v-5fa2de45]{border-top-color:#a0a0a0;border-right-color:#a0a0a0;border-bottom-color:#a0a0a0}.home-page[data-v-5fa2de45]{background-color:#2d2d2d;background-image:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,#2d2d2d 70%),radial-gradient(circle,#444 1.5px,transparent 1.5px);background-size:100% 100%,16px 16px}.home-page__title[data-v-5fa2de45]{color:#e0e0e0}}