: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:600px;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-page[data-v-c64cc590]{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}.home-page__content[data-v-c64cc590]{display:flex;flex-direction:column;align-items:center;padding:40px}.home-page__title[data-v-c64cc590]{font-size:28px;font-weight:600;color:#333;margin-bottom:40px}.home-page__cards[data-v-c64cc590]{display:flex;gap:30px}.home-card[data-v-c64cc590]{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-c64cc590]{cursor:pointer;transition:transform .2s}.home-card--active[data-v-c64cc590]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.home-card--disabled[data-v-c64cc590]{cursor:not-allowed}.home-card--disabled .home-card__title[data-v-c64cc590],.home-card--disabled .home-card__subtitle[data-v-c64cc590],.home-card--disabled .home-card__desc[data-v-c64cc590]{color:#bbb}.home-card__status[data-v-c64cc590]{position:absolute;top:15px;right:15px}.home-card__dot[data-v-c64cc590]{display:block;width:10px;height:10px;background-color:#52c41a;border-radius:50%}.home-card__title[data-v-c64cc590]{font-size:32px;font-weight:400;color:#333;margin-bottom:12px}.home-card__subtitle[data-v-c64cc590]{font-size:14px;color:#999;margin-bottom:4px}.home-card__desc[data-v-c64cc590]{font-size:14px;color:#999}.home-page__footer[data-v-c64cc590]{margin-top:80px;text-align:center}.home-page__footer p[data-v-c64cc590]{font-size:14px;color:#999;margin:4px 0}@media(prefers-color-scheme:dark){.home-page[data-v-c64cc590]{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-c64cc590]{color:#e0e0e0}}