body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#fff;--primary-color:#fff;--text-color:#2f4f4f;--secondary-text-color:#333446;--border-color:#dce3e8;--hover-bg-color:#eaefef;--button-bg-color:#b8cfce;--button-hover-bg-color:#7f8caa;--input-bg-color:#fff;--input-border-color:#cbd6df}.App{background:#fff;background:var(--background-color);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden;width:100%}.main-content{color:#2f4f4f;color:var(--text-color);display:flex;flex:1 1;flex-direction:column;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px}.content-wrapper{align-items:stretch;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.content-wrapper.gap-visible{gap:20px}.table-container{background:#fff;background:var(--primary-color);border-radius:8px;box-shadow:0 4px 12px #0000000d;height:-webkit-fit-content;height:fit-content;max-height:1000px;min-width:0;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);width:100%}.table-shrink{width:70%}.right-blocks.info-block-animated{display:flex;min-width:0;opacity:0;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .3s;width:0}.right-blocks.info-block-animated.visible{opacity:1;width:30%}.info-block.placeholder{background:#fff;background:var(--primary-color);border:1px solid #dce3e8;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:15px;height:100%;padding:24px;width:100%}.close-info-btn{align-self:flex-start;background:#b8cfce;background:var(--button-bg-color);color:#fff;padding:8px 16px;transition:background .3s ease}.close-info-btn:hover{background:#7f8caa;background:var(--button-hover-bg-color)}.loading,.no-data,.no-results{align-items:center;color:#777;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem;justify-content:center;min-height:300px;padding:100px 20px;text-align:center;width:100%}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545}.auth-page-active .category-header{margin-bottom:0!important}.auth-page-active .category-header,.category-header{border-bottom:1px solid #dce3e8;border-bottom:1px solid var(--border-color);flex-shrink:0;padding-bottom:16px}.category-header{margin-bottom:24px}.category-title{color:#2f4f4f;color:var(--text-color);font-size:2rem;font-weight:700;margin:0 0 8px;text-transform:capitalize}.category-subtitle{color:#333446;color:var(--secondary-text-color);font-size:1rem;font-weight:400;margin:0}.refresh-btn{background:#b8cfce}.refresh-btn svg{height:24px;width:24px}.refresh-btn:hover{background:#7f8caa}.info-block{background:#fff;background:var(--primary-color);border:1px solid #dce3e8;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:600px;max-height:600px;min-height:300px;overflow:hidden;width:100%}.info-block-header{align-items:center;background:#eaefef;background:var(--hover-bg-color);border-bottom:1px solid #dce3e8;border-bottom:1px solid var(--border-color);display:flex;flex:0 0 auto;justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.info-block-header h3{color:#2f4f4f;color:var(--text-color);margin:0}.info-block-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px}.article-header{align-items:center;background:#eaefef;background:var(--hover-bg-color);border-bottom:1px solid #dce3e8;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px 16px}.article-header h3{color:#2f4f4f;color:var(--text-color);margin:0}.close-info-btn{align-items:center;background:none;border:none;border-radius:4px;color:#333446;color:var(--secondary-text-color);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.close-info-btn:hover{background:#b8cfce;background:var(--button-bg-color);color:#fff}.article-content{flex:1 1;overflow-y:auto;padding:24px}.article-field{margin-bottom:20px}.article-field strong{color:#2f4f4f;color:var(--text-color);display:block;font-weight:600;margin-bottom:8px}.article-field p{color:#333446;color:var(--secondary-text-color);line-height:1.5;margin:0}.category-tag,.subcategory-tag{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.subcategory-tag{background:#7f8caa;border:1px solid #dce3e8;border:1px solid var(--border-color);color:#fff}.source-link{transition:color .2s}.category-chart-wrapper,.subcategory-chart-wrapper{flex-shrink:0;margin-bottom:20px}.search-results-info{background:#eaefef;background:var(--hover-bg-color);border-radius:6px;color:#2f4f4f;color:var(--text-color);font-size:.9rem;margin-bottom:10px;padding:10px 20px}.search-results-info p{margin:0}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#fff;background:var(--background-color)}.main-content::-webkit-scrollbar-thumb{background:#dce3e8;background:var(--border-color);border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#b8cfce;background:var(--button-bg-color)}@media (max-width:768px){.App{flex-direction:row}.main-content{padding:12px}}.auth-page-active{padding-top:20px!important}.auth-page-wrapper{align-items:flex-start;margin-top:0}.auth-page-wrapper,menu{display:flex;flex-direction:column}menu{background:#eaefef;border-right:1.5px solid #d1d9d9;box-shadow:0 0 20px #0000000a;height:100%;margin:initial;padding:initial;position:relative;transition:width .3s ease;width:220px}menu.collapsed{width:64px}#mainMenu{list-style:none;margin:0;padding:15px 0 0;width:100%}.menu-item{align-items:center;border-radius:6px;box-sizing:border-box;color:#2f4f4f;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:500;gap:12px;padding:16px 12px 16px 20px;text-align:left;transition:background .2s;-webkit-user-select:none;user-select:none;width:100%}.menu-button{all:unset;align-items:center;cursor:pointer;display:flex;gap:12px;height:100%;margin:-16px -12px -16px -20px;padding:16px 12px 16px 20px;text-align:left;width:100%}.menu-button:focus{outline:none}.menu-item.active,.menu-item:hover{background:#d1d9d9}.menu-item.active{border-left:4px solid #7f8caa;font-weight:600}.menu-item.menu-toggle{border-bottom:1px solid #d1d9d9;border-radius:0!important;margin-bottom:8px}.menu-icon{align-items:center;color:#7f8caa;display:flex;font-size:1.3em;justify-content:center;min-width:22px}.menu-label{flex:1 1}.user-avatar{border:2px solid #7f8caa;border-radius:50%;height:28px;object-fit:cover;width:28px}.user-avatar-placeholder{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}.mobile-overlay-backdrop{display:none}.user-profile-card{background:#fff;border:1px solid #dce3e8;border-radius:12px;bottom:auto;box-shadow:0 10px 30px #00000026;left:100%;margin-left:10px;min-width:260px;padding:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:9999}menu:not(.collapsed) .user-profile-card{left:220px}@keyframes fadeInCenter{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.user-profile-card{animation:fadeInCenter .2s ease-out}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.card-header img{border-radius:50%;height:45px;object-fit:cover;width:45px}.user-card-name{color:#1e293b;font-size:14px;font-weight:700;margin:0}.user-card-email{color:#64748b;font-size:11px;margin:0}.menu-divider{border:0;border-top:1px solid #eee;margin:12px 0}.card-logout-btn{align-items:center;background:#fff1f2;border:none;border-radius:8px;color:#e11d48;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;width:100%}@media (max-width:768px){.mobile-overlay-backdrop{background:#0006;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9998}.user-profile-card{left:50%!important;margin-left:0!important;position:fixed;top:50%!important;transform:translate(-50%,-50%)!important;width:85%}}.table-scroll-wrapper{background:var(--primary-color);border-radius:8px;max-height:600px;overflow-x:hidden;overflow-y:auto;width:100%}table{border-collapse:collapse;table-layout:fixed;width:100%}thead th{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:2}td,th{border-bottom:1px solid #d3d3d3;box-sizing:border-box;color:#333;overflow:hidden;padding:12px;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{box-shadow:inset 0 1.5px 0 0 #b8cfce,inset 0 -1.5px 0 0 #b8cfce;font-weight:600}thead tr{position:relative}thead tr:after{background:#b8cfce;bottom:0;content:"";height:1.5px;left:0;pointer-events:none;position:absolute;width:100%;z-index:3}.actions-cell{white-space:normal}.actions-cell,.actions-header{text-align:right}.actions-btns{align-items:center;display:inline-flex;gap:8px;vertical-align:middle}.icon-btn{align-items:center;background:#b8cfce;border:none;border-radius:50%;box-shadow:0 1px 3px #0000000a;color:#2f4f4f;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;transition:background .2s;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:36px}.icon-btn:hover{background:#7f8caa;color:#fff;transform:rotate(15deg) scale(1.1)}.table-scroll-wrapper::-webkit-scrollbar{height:0;width:8px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1}tbody tr:nth-child(2n){background-color:#fcfcfc}tbody tr{animation:slideIn .4s ease forwards;opacity:0;transition:all .2s ease}tbody tr:hover{background-color:#f1f5f9!important;box-shadow:inset 4px 0 0 0 #7f8caa;transform:scale(1.002)}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.search-container{align-items:center;display:flex;gap:8px;margin-bottom:20px}.search-input{background:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;color:var(--text-color);flex:1 1;font-size:1rem;height:44px;padding:0 15px;transition:border-color .3s ease}.search-input:focus{border-color:var(--button-bg-color);box-shadow:0 0 5px var(--button-bg-color);outline:none}.refresh-btn{align-items:center;appearance:none;-webkit-appearance:none;background:var(--button-bg-color);border:none;border-radius:6px;color:#23272b;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;line-height:1;min-width:44px;padding:0;width:44px}.refresh-btn:hover{background:var(--button-hover-bg-color);color:#fff}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.clear-btn{align-items:center;background:none;border:none;color:#7f8caa;cursor:pointer;display:flex;font-size:1.2rem;height:44px;margin-left:-36px;padding:0 6px;transition:color .2s;z-index:2}.clear-btn:hover{color:#dc3545}.custom-toast{align-items:center;animation:fadeInOut 5s ease-in-out forwards;border-radius:10px;box-shadow:0 12px 32px #00000040;color:#fff;display:flex;font-size:15px;justify-content:space-between;max-width:400px;min-width:300px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:10002}@media (max-width:768px){.custom-toast{animation:fadeInOutMobile 5s ease-in-out forwards;left:50%;max-width:none;min-width:0;min-width:auto;padding:12px 16px;right:auto;top:10px;transform:translateX(-50%);width:80%}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeInOutMobile{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.custom-toast.success{background:#10b981;border-left:5px solid #059669}.custom-toast.error{background:#ef4444;border-left:5px solid #dc2626}.custom-toast.info{background:#3b82f6;border-left:5px solid #2563eb}.toast-close-btn{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2em;height:24px;justify-content:center;margin-left:12px;width:24px}.cards-wrapper{display:flex;flex-direction:column;gap:12px;margin-bottom:10px;max-height:630px;overflow-x:hidden;overflow-y:auto;padding-right:4px}.article-card{background:var(--primary-color);border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 2px 6px #0000000a;box-sizing:border-box;margin-bottom:10px;max-width:100%;padding:12px 14px 10px}.article-card-header{align-items:flex-start;display:flex;gap:8px}.article-card-index{color:#7f8caa;font-size:.9rem;font-weight:600;margin-top:2px}.article-card-title{color:#333446;font-size:.98rem;font-weight:600;margin:0}.article-card-divider{background:#e0e6eb;height:1px;margin:8px 0 10px}.article-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.article-card-field .label{color:#777;display:block;font-size:.78rem;margin-bottom:1px}.article-card-field .value{color:#333;font-size:.9rem}.article-card-link{align-self:flex-start;background:none;border:none;color:#3b6ea5;cursor:pointer;font-size:.9rem;font-weight:500;padding:0;text-decoration:underline}.article-card-link:hover{color:#284d77}.card-summary-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.card-summary-panel{animation:slideUpSummary .3s ease-out forwards;background:var(--primary-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px #0000002e;max-height:calc(100vh - 50px);max-width:480px;overflow:hidden;position:relative;transform:translateY(100%);width:100%}.card-summary-header{align-items:center;background:var(--hover-bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.card-summary-header h3{color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0}.card-summary-close{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;font-size:1.4rem}.card-summary-content{display:flex;flex-direction:column;gap:16px;padding:20px 22px 22px}.card-summary-field strong{color:var(--text-color);display:block;font-weight:600;margin-bottom:6px}.card-summary-field p{color:var(--secondary-text-color);line-height:1.4;margin:0}.category-tag{background:#333446;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.source-link{color:#23272b;font-weight:500;text-decoration:none}.source-link:hover{color:#363c41;text-decoration:underline}@keyframes slideUpSummary{0%{transform:translateY(100%)}to{transform:translateY(0)}}.subcategory-chart{width:100%}.subcategory-chart-header{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.subcategory-chart-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.subcategory-chart__filter-container{margin-top:10px;text-align:center}.subcategory-chart__filter-badge{align-items:center;background-color:#82ca9d;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:default;display:inline-flex;font-size:.9rem;font-weight:700;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.subcategory-chart__filter-badge:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.subcategory-chart__filter-text{margin-right:8px}.subcategory-chart__close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.subcategory-chart__close-btn:hover{background-color:#fff3}.subcategory-chart__content-wrapper{align-items:stretch;display:flex;gap:0;margin-top:20px;overflow:hidden}.subcategory-chart__content-wrapper.gap-visible{gap:20px}.subcategory-chart__table-container{background:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000000d;min-height:600px;min-width:0;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);width:100%}.subcategory-chart__table-container.table-shrink{width:70%}.subcategory-chart__info-block-animated{display:flex;min-width:0;opacity:0;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .3s;width:0}.subcategory-chart__info-block-animated.visible{opacity:1;width:30%}.subcategory-chart__info-block{background:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:600px;min-height:600px;overflow:hidden;padding:0;width:100%}.subcategory-chart__article-header{align-items:center;background:var(--hover-bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px 16px}.subcategory-chart__article-header h3{color:var(--text-color);margin:0}.subcategory-chart__close-info-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--secondary-text-color);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.subcategory-chart__close-info-btn:hover{background:var(--button-bg-color);color:#fff}.subcategory-chart__article-content{flex:1 1;overflow-y:auto;padding:24px}.subcategory-chart__article-field{margin-bottom:20px}.subcategory-chart__article-field strong{color:var(--text-color);display:block;font-weight:600;margin-bottom:8px}.subcategory-chart__article-field p{color:var(--secondary-text-color);line-height:1.5;margin:0}.subcategory-chart__source-link{color:#23272b;font-weight:500;text-decoration:none;transition:color .2s}.subcategory-chart__source-link:hover{color:#363c41;text-decoration:underline}.subcategory-chart-body svg{max-height:360px;width:100%}@media (max-width:768px){.subcategory-chart-body svg{max-height:320px}.d3-y-axis text{font-size:11px}.subcategory-chart__table-container.table-shrink{width:100%}.subcategory-chart__info-block-animated.visible{display:none}}.category-chart{width:100%}.category-chart-header{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.category-chart-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.category-chart__error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin:20px 0;padding:20px;text-align:center}.category-chart__filter-container{margin-top:10px;text-align:center}.category-chart__filter-badge{align-items:center;background-color:#82ca9d;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:default;display:inline-flex;font-size:.9rem;font-weight:700;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.category-chart__filter-badge:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.category-chart__filter-text{margin-right:8px}.category-chart__close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.category-chart__close-btn:hover{background-color:#fff3}.category-chart__content-wrapper{align-items:stretch;display:flex;gap:0;margin-top:20px;overflow:hidden}.category-chart__content-wrapper.gap-visible{gap:20px}.category-chart__table-container{background:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000000d;min-height:600px;min-width:0;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);width:100%}.category-chart__table-container.table-shrink{width:70%}.category-chart__info-block-animated{display:flex;min-width:0;opacity:0;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .3s;width:0}.category-chart__info-block-animated.visible{opacity:1;width:30%}.category-chart__info-block{background:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:600px;min-height:600px;overflow:hidden;padding:0;width:100%}.category-chart__article-header{align-items:center;background:var(--hover-bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px 16px}.category-chart__article-header h3{color:var(--text-color);margin:0}.category-chart__close-info-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--secondary-text-color);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.category-chart__close-info-btn:hover{background:var(--button-bg-color);color:#fff}.category-chart__article-content{flex:1 1;overflow-y:auto;padding:24px}.category-chart__article-field{margin-bottom:20px}.category-chart__article-field strong{color:var(--text-color);display:block;font-weight:600;margin-bottom:8px}.category-chart__article-field p{color:var(--secondary-text-color);line-height:1.5;margin:0}.category-chart__source-link{color:#23272b;font-weight:500;text-decoration:none;transition:color .2s}.category-chart__source-link:hover{color:#363c41;text-decoration:underline}.category-chart-body svg{max-height:360px;width:100%}@media (max-width:768px){.category-chart-body svg{max-height:320px}.d3-y-axis text{font-size:11px}.category-chart__table-container.table-shrink{width:100%}.category-chart__info-block-animated.visible{display:none}}.chart-row-hover{fill:#00000008;opacity:0;pointer-events:none;transition:opacity .2s ease}.bar-group:hover .chart-row-hover{opacity:1}svg{overflow:hidden}.d3-bar{cursor:pointer}.google-login-btn{align-items:center;background-color:#fff;border:1px solid #dfe1e5;border-radius:24px;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;color:#3c4043;cursor:pointer;display:inline-flex;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-top:20px;padding:10px 20px;transition:all .2s ease-in-out}.google-login-btn:hover{background-color:#f8f9fa;border-color:#d2e3fc;box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326}.google-login-btn:active{background-color:#eee;box-shadow:0 1px 2px 0 #3c40434d;transform:translateY(1px)}.logout-btn{background-color:initial!important;border:1px solid #d93025!important;border-radius:20px!important;color:#d93025!important;font-weight:500;padding:8px 20px!important;transition:all .2s}.logout-btn:hover{background-color:#fce8e6!important}.analytics-container{color:#333;margin:0 auto;max-width:1200px;padding:30px}.analytics-container,.interpretation-text{font-family:Inter,-apple-system,sans-serif}.interpretation-text{background-color:#f0f4ff;border-radius:8px;color:#1e293b;font-size:14px;line-height:1.5;padding:15px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.metric-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 4px 12px #00000008;padding:24px;text-align:center;transition:transform .2s ease}.metric-card:hover{transform:translateY(-4px)}.metric-card h3{color:#64748b;font-size:15px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.retention-value{color:#10b981;font-size:3rem;font-weight:800}.cohort-analysis-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:15px;padding:12px}.cohort-stats{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px;width:100%}.cohort-stats span{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:Inter,-apple-system,sans-serif;font-size:12px;padding:6px 12px}.cohort-stats span.simulated-badge{background:#fef3c7;border-color:#fde68a;color:#92400e}.cohort-example{background:#fff;border-left:3px solid #6366f1;font-size:12px;margin-top:10px;padding:8px}.analytics-section{background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 4px 12px #00000008;margin-bottom:40px;padding:30px}.analytics-section h3{border-left:4px solid #8884d8;color:#1e293b;font-size:1.25rem;margin-bottom:25px;padding-left:15px}.filter-bar{background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 4px 12px #00000008;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:16px 20px}.filter-group{align-items:center;display:flex;flex:0 1 auto;flex-direction:row;gap:10px}.filter-group label{color:#64748b;font-size:14px;font-weight:600}.filter-group select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:160px;padding:8px 12px;width:auto}.funnel-visualization{display:flex;flex-direction:column;gap:15px}.funnel-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.step-header{display:flex;gap:10px;margin-bottom:8px}.step-number{align-items:center;background:#8884d8;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.step-name{font-size:14px;font-weight:600}.step-metrics{display:flex;gap:20px;margin-bottom:8px}.step-bar{border-radius:3px;height:6px}.segmented-funnel-container h4{color:#1e293b;font-size:1.1rem;margin-bottom:16px}.segment-funnel h5{color:#475569;font-size:.9rem;font-weight:700;letter-spacing:.04em;margin-bottom:12px}.segment-steps{display:flex;flex-direction:column;gap:12px}.segment-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.segment-step-name{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:4px}.segment-step-metrics{color:#64748b;display:flex;font-size:12px;justify-content:space-between}.segment-step-bar{border-radius:4px;height:6px;margin-top:6px;transition:width .3s ease}.segment-step:first-child{opacity:1}.segment-step:nth-child(2){opacity:.9}.segment-step:nth-child(3){opacity:.8}.segment-step:nth-child(4){opacity:.7}.flow-funnels-container{margin-top:25px}.flow-funnels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flow-funnel-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 12px #00000008;padding:18px}.flow-funnel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.flow-funnel-header h5{color:#1e293b;font-size:15px;font-weight:700}.flow-funnel-steps{display:flex;flex-direction:column;gap:10px}.flow-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.flow-step-info{display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:6px}.flow-step-bar-container{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.flow-step-bar{border-radius:3px;height:100%}.flow-funnel-footer{color:#475569;font-size:13px;font-weight:600;margin-top:10px;text-align:right}.path-overview-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.path-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.path-label{color:#64748b;font-size:12px;text-transform:uppercase}.path-block{margin-top:30px}.path-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:14px;position:relative}.path-flow{display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:6px}.path-step{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px}.path-metrics{color:#475569;display:flex;font-size:12px;justify-content:space-between;margin-top:6px}.path-bar{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;height:4px;margin-top:6px}.atypical-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.atypical-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px}.atypical-header{align-items:center;color:#b45309;display:flex;font-size:12px;font-weight:600;gap:6px}.atypical-path{font-weight:600;margin:8px 0}.atypical-reason{color:#475569;font-size:13px}.atypical-device{color:#92400e;font-size:12px}.path-insight{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;line-height:1.6;margin-top:25px;padding:16px}.simulated-badge{background:#fef3c7;border-radius:999px;color:#92400e;font-size:11px;font-weight:600;padding:4px 8px}@media (max-width:768px){.filter-bar,.segmented-funnels{flex-direction:column}.filter-bar{align-items:stretch}.filter-group{align-items:flex-start;flex-direction:column;width:100%}.filter-group select{width:100%}.step-metrics{flex-wrap:wrap;font-size:12px;gap:8px}.step-metrics span{white-space:nowrap}.analytics-section{padding:15px}.cohort-stats{gap:5px}.cohort-stats span{font-size:11px;padding:4px 5px}}.recommendation-container{margin:0 auto;max-width:1200px;padding:40px 20px}.rec-header{margin-bottom:50px;text-align:center}.sparkle-icon{animation:pulse 2s infinite;font-size:2.5rem;margin-bottom:10px}.rec-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e293b,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin-bottom:10px}.rec-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rec-card-premium{animation:fadeInUp .6s ease forwards;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.rec-card-premium:hover{border-color:#e0e7ff;box-shadow:0 20px 35px -10px #6366f126;transform:translateY(-10px)}.match-tag{background:#ecfdf5;border:1px solid #d1fae5;border-radius:50px;color:#059669;font-size:.75rem;font-weight:700;padding:4px 12px;position:absolute;right:15px;top:15px}.rec-card-content{display:flex;flex-direction:column;height:100%;padding:30px}.category-badge{color:#6366f1;display:block;font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.rec-card-content h3{color:#0f172a;font-size:1.25rem;line-height:1.4;margin-bottom:15px}.rec-card-content p{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:25px}.read-more-modern{align-items:center;color:#4f46e5;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-top:auto;text-decoration:none;transition:gap .2s}.read-more-modern:hover{gap:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.rec-grid{grid-template-columns:1fr}.rec-header h2{font-size:1.8rem}.rec-card-premium{margin-bottom:10px}}.skeleton-pulse{animation:skeleton-loading 1.5s linear infinite}.skeleton-card{background:#fff;border-color:#f1f5f9;min-height:300px}.skeleton-content{display:flex;flex-direction:column;gap:15px;padding:30px}.skeleton-line{animation:shimmer 1.5s linear infinite;background:#f1f5f9;background-image:linear-gradient(90deg,#f1f5f9,#f8fafc 40px,#f1f5f9 80px);background-size:200% 100%;border-radius:4px}.skeleton-line.category{height:12px;width:30%}.skeleton-line.title{height:24px;margin-bottom:10px;width:90%}.skeleton-line.text{height:60px;width:100%}.skeleton-line.button{height:20px;margin-top:auto;width:40%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title{background:#f1f5f9;border-radius:8px;height:35px;margin:0 auto 15px;width:250px}.skeleton-subtitle{background:#f1f5f9;border-radius:4px;height:15px;margin:0 auto;width:350px}
/*# sourceMappingURL=main.f51f65fa.css.map*/