*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin-bottom:16px;font-weight:600}p{margin-bottom:16px}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s}button:disabled{cursor:not-allowed;opacity:.6}a{color:#4285f4;text-decoration:none;transition:color .15s}a:hover{color:#1266f1}.layout{flex-direction:column;min-height:100vh;display:flex}.layout .layout-header{z-index:100;background-color:#fff;border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001f}.layout .layout-header .header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.layout .layout-header .header-left .header-logo{flex-shrink:0;width:40px;height:auto}.layout .layout-header .header-left h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;overflow:hidden}.layout .layout-header .header-user{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.layout .layout-header .header-user span{color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.75rem;display:none;overflow:hidden}@media (width>=480px){.layout .layout-header .header-user span{max-width:120px;display:block}}@media (width>=768px){.layout .layout-header .header-user span{max-width:160px;font-size:.875rem}}.layout .layout-header .logout-button{color:#fff;white-space:nowrap;background-color:#f44336;border-radius:4px;flex-shrink:0;padding:6px 12px;font-size:.75rem;box-shadow:0 1px 3px #0000001f}@media (width>=768px){.layout .layout-header .logout-button{padding:8px 16px;font-size:.875rem}}.layout .layout-header .logout-button:hover{background-color:#f32c1e;box-shadow:0 4px 6px #0000001a}.layout .layout-header .logout-button:active{transform:scale(.98)}@media (width<=479px){.layout .layout-header{padding:8px 16px}.layout .layout-header .header-left h1{font-size:1rem}.layout .layout-header .header-left .header-logo{width:32px}}.layout .layout-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px}@media (width>=768px){.layout .layout-content{padding:24px}}.login-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:16px;display:flex}@media (width>=768px){.login-container{gap:24px;padding:24px}}.login-container .login-logo{width:120px;height:auto;margin-bottom:8px}@media (width>=768px){.login-container .login-logo{width:150px;margin-bottom:16px}}.login-container h1{text-align:center;margin-bottom:8px;font-size:2rem}@media (width>=768px){.login-container h1{font-size:2.5rem}}.login-container p{color:#666;text-align:center;font-size:1rem}@media (width>=768px){.login-container p{font-size:1.1rem}}.login-container .login-button{color:#fff;-webkit-tap-highlight-color:transparent;background-color:#4285f4;border-radius:4px;min-height:44px;padding:12px 24px;font-size:15px;box-shadow:0 1px 3px #0000001f}@media (width>=768px){.login-container .login-button{font-size:16px}}.login-container .login-button:hover:not(:disabled){background-color:#2a75f3;box-shadow:0 4px 6px #0000001a}.login-container .login-button:active:not(:disabled){transform:translateY(1px)}.login-container .login-button:disabled{opacity:.6}.login-container .error-message{color:#f44336;text-align:center;background-color:#fff8f7;border-left:3px solid #f44336;border-radius:4px;max-width:90%;margin-top:16px;padding:8px 16px;font-size:.9rem}@media (width>=768px){.login-container .error-message{max-width:100%;font-size:1rem}}.home-container h2{margin-bottom:16px;font-size:1.1rem}@media (width>=768px){.home-container h2{font-size:1.25rem}}.home-container .domains-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.home-container .domain-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:16px;font-size:.9rem;transition:background-color .2s}@media (width>=768px){.home-container .domain-item{padding:16px 24px;font-size:.95rem}}.home-container .domain-item:hover{background-color:#e0e0e0}.home-container .domain-item:active{transform:scale(.99)}.home-container .domain-item .domain-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-container .loading-text,.home-container .error-text,.home-container .empty-text{border-radius:4px;padding:16px;font-size:.9rem}@media (width>=768px){.home-container .loading-text,.home-container .error-text,.home-container .empty-text{font-size:.95rem}}.home-container .loading-text{color:#666;background-color:#f5f5f5}.home-container .error-text{color:#f44336;background-color:#fff8f7}.home-container .empty-text{color:#666}.domain-menu-container .page-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}@media (width>=768px){.domain-menu-container .page-header{gap:16px;margin-bottom:32px;padding-bottom:16px}}.domain-menu-container .page-header h2{margin:0;font-size:1.1rem}@media (width>=768px){.domain-menu-container .page-header h2{font-size:1.25rem}}.domain-menu-container .page-header .back-button{cursor:pointer;color:#333;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:.8rem}@media (width>=768px){.domain-menu-container .page-header .back-button{padding:6px 12px;font-size:.875rem}}.domain-menu-container .page-header .back-button:hover{background-color:#f5f5f5}.domain-menu-container .page-header .back-button:active{transform:scale(.95)}.domain-menu-container .actions-section h3{color:#666;margin-bottom:16px;font-size:1rem}@media (width>=768px){.domain-menu-container .actions-section h3{font-size:1.1rem}}.domain-menu-container .actions-section .actions-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.domain-menu-container .actions-section .action-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}@media (width>=768px){.domain-menu-container .actions-section .action-item{gap:24px;padding:24px}}.domain-menu-container .actions-section .action-item:hover{background-color:#e0e0e0;box-shadow:0 1px 3px #0000001f}.domain-menu-container .actions-section .action-item:active{transform:scale(.99)}.domain-menu-container .actions-section .action-item .action-icon{flex-shrink:0;font-size:1.5rem}@media (width>=768px){.domain-menu-container .actions-section .action-item .action-icon{font-size:2rem}}.domain-menu-container .actions-section .action-item .action-content{flex:1;min-width:0}.domain-menu-container .actions-section .action-item .action-content .action-label{color:#333;margin-bottom:2px;font-size:.95rem;font-weight:600}@media (width>=768px){.domain-menu-container .actions-section .action-item .action-content .action-label{font-size:1rem}}.domain-menu-container .actions-section .action-item .action-content .action-description{color:#666;font-size:.8rem}@media (width>=768px){.domain-menu-container .actions-section .action-item .action-content .action-description{font-size:.85rem}}.domain-menu-container .actions-section .action-item .action-arrow{color:#666;flex-shrink:0;font-size:1.2rem}@media (width>=768px){.domain-menu-container .actions-section .action-item .action-arrow{font-size:1.5rem}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.modal-overlay{padding:24px}}.modal-content{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 10px 20px #00000026}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px;display:flex}@media (width>=768px){.modal-header{padding:24px}}.modal-header h3{margin:0;font-size:1.1rem}@media (width>=768px){.modal-header h3{font-size:1.25rem}}.modal-header .modal-close{color:#666;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;display:flex}.modal-header .modal-close:hover{color:#333;background-color:#f5f5f5}.modal-header .modal-close:active{transform:scale(.95)}.modal-body{padding:16px;overflow-y:auto}@media (width>=768px){.modal-body{padding:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal .confirmation-message{color:#333;margin:0 0 32px;font-size:.95rem;line-height:1.5}@media (width>=768px){.confirmation-modal .confirmation-message{font-size:1rem}}.confirmation-modal .confirmation-actions{justify-content:flex-end;gap:8px;display:flex}@media (width>=768px){.confirmation-modal .confirmation-actions{gap:16px}}.confirmation-modal .confirmation-actions button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;min-width:80px;padding:8px 16px;font-size:.875rem}@media (width>=768px){.confirmation-modal .confirmation-actions button{min-width:90px;padding:10px 20px;font-size:.9rem}}.confirmation-modal .confirmation-actions button:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal .confirmation-actions button:active:not(:disabled){transform:scale(.98)}.confirmation-modal .confirmation-actions .cancel-button{color:#333;background:0 0;border:1px solid #e0e0e0}.confirmation-modal .confirmation-actions .cancel-button:hover:not(:disabled){background-color:#f5f5f5}.confirmation-modal .confirmation-actions .confirm-button{color:#fff;background-color:#4285f4}.confirmation-modal .confirmation-actions .confirm-button:hover:not(:disabled){background-color:#2a75f3}.confirmation-modal .confirmation-actions .delete-confirm-button{color:#fff;background-color:#f44336}.confirmation-modal .confirmation-actions .delete-confirm-button:hover:not(:disabled){background-color:#f32c1e}.domain-comments-container .page-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}@media (width>=768px){.domain-comments-container .page-header{gap:16px;margin-bottom:32px;padding-bottom:16px}}.domain-comments-container .page-header h2{margin:0;font-size:1.1rem}@media (width>=768px){.domain-comments-container .page-header h2{font-size:1.25rem}}.domain-comments-container .page-header .back-button{cursor:pointer;color:#333;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:.8rem}@media (width>=768px){.domain-comments-container .page-header .back-button{padding:6px 12px;font-size:.875rem}}.domain-comments-container .page-header .back-button:hover{background-color:#f5f5f5}.domain-comments-container .page-header .back-button:active{transform:scale(.95)}.domain-comments-container .admin-controls{justify-content:space-between;gap:8px;margin-bottom:24px;display:flex}@media (width>=768px){.domain-comments-container .admin-controls{gap:16px}}.domain-comments-container .admin-controls .add-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#4caf50;border:none;border-radius:4px;padding:8px 16px;font-size:.875rem}.domain-comments-container .admin-controls .add-button:hover{background-color:#449d48}.domain-comments-container .admin-controls .add-button:active{transform:scale(.98)}.domain-comments-container .admin-controls .refresh-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#4285f4;border:none;border-radius:4px;padding:8px 16px;font-size:.875rem}.domain-comments-container .admin-controls .refresh-button:hover:not(:disabled){background-color:#2a75f3}.domain-comments-container .admin-controls .refresh-button:disabled{opacity:.6;cursor:not-allowed}.domain-comments-container .admin-controls .refresh-button:active:not(:disabled){transform:scale(.98)}.domain-comments-container .add-comment-form .form-group{margin-bottom:16px}.domain-comments-container .add-comment-form .form-group label{color:#333;margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}@media (width>=768px){.domain-comments-container .add-comment-form .form-group label{font-size:.9rem}}.domain-comments-container .add-comment-form .form-group input,.domain-comments-container .add-comment-form .form-group textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:.875rem}@media (width>=768px){.domain-comments-container .add-comment-form .form-group input,.domain-comments-container .add-comment-form .form-group textarea{padding:10px 12px;font-size:.9rem}}.domain-comments-container .add-comment-form .form-group input:focus,.domain-comments-container .add-comment-form .form-group textarea:focus{border-color:#4285f4;outline:none}.domain-comments-container .add-comment-form .form-group input:disabled,.domain-comments-container .add-comment-form .form-group textarea:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.domain-comments-container .add-comment-form .form-group textarea{resize:vertical;min-height:80px}.domain-comments-container .add-comment-form .form-group .char-count{color:#666;text-align:right;margin-top:4px;font-size:.75rem;display:block}.domain-comments-container .add-comment-form .form-group .star-rating{align-items:center;gap:4px;display:flex}.domain-comments-container .add-comment-form .form-group .star-rating .star-button{cursor:pointer;opacity:.3;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-size:1.5rem;transition:opacity .2s,transform .1s}@media (width>=768px){.domain-comments-container .add-comment-form .form-group .star-rating .star-button{font-size:1.75rem}}.domain-comments-container .add-comment-form .form-group .star-rating .star-button.active{opacity:1}.domain-comments-container .add-comment-form .form-group .star-rating .star-button:hover:not(:disabled){transform:scale(1.1)}.domain-comments-container .add-comment-form .form-group .star-rating .star-button:disabled{cursor:not-allowed}.domain-comments-container .add-comment-form .form-group .star-rating .rating-text{color:#666;margin-left:8px;font-size:.875rem}@media (width>=768px){.domain-comments-container .add-comment-form .form-group .star-rating .rating-text{font-size:.9rem}}.domain-comments-container .add-comment-form .form-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.domain-comments-container .add-comment-form .form-actions button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;padding:8px 16px;font-size:.875rem}@media (width>=768px){.domain-comments-container .add-comment-form .form-actions button{padding:10px 20px;font-size:.9rem}}.domain-comments-container .add-comment-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.domain-comments-container .add-comment-form .form-actions button:active:not(:disabled){transform:scale(.98)}.domain-comments-container .add-comment-form .form-actions .cancel-button{color:#333;background:0 0;border:1px solid #e0e0e0}.domain-comments-container .add-comment-form .form-actions .cancel-button:hover:not(:disabled){background-color:#f5f5f5}.domain-comments-container .add-comment-form .form-actions .submit-button{color:#fff;background-color:#4caf50}.domain-comments-container .add-comment-form .form-actions .submit-button:hover:not(:disabled){background-color:#449d48}.domain-comments-container .domain-comments-body .loading-text,.domain-comments-container .domain-comments-body .error-text,.domain-comments-container .domain-comments-body .empty-text{border-radius:4px;padding:16px;font-size:.9rem}@media (width>=768px){.domain-comments-container .domain-comments-body .loading-text,.domain-comments-container .domain-comments-body .error-text,.domain-comments-container .domain-comments-body .empty-text{font-size:.95rem}}.domain-comments-container .domain-comments-body .loading-text{color:#666;background-color:#f5f5f5}.domain-comments-container .domain-comments-body .error-text{color:#f44336;background-color:#fff8f7}.domain-comments-container .domain-comments-body .empty-text{color:#666}.domain-comments-container .comments-list{flex-direction:column;gap:16px;display:flex}.domain-comments-container .comment-card{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:box-shadow .2s}@media (width>=768px){.domain-comments-container .comment-card{padding:24px}}.domain-comments-container .comment-card:hover{box-shadow:0 1px 3px #0000001f}.domain-comments-container .comment-card .comment-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.domain-comments-container .comment-card .comment-header .comment-author{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}@media (width>=768px){.domain-comments-container .comment-card .comment-header .comment-author{flex-direction:row;align-items:center;gap:8px}}.domain-comments-container .comment-card .comment-header .comment-author strong{color:#333;font-size:.95rem}@media (width>=768px){.domain-comments-container .comment-card .comment-header .comment-author strong{font-size:1rem}}.domain-comments-container .comment-card .comment-header .comment-author .comment-rating{color:#f39c12;font-size:.875rem}@media (width>=768px){.domain-comments-container .comment-card .comment-header .comment-author .comment-rating{font-size:1rem}}.domain-comments-container .comment-card .comment-header .delete-button{color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background-color:#f44336;border:none;border-radius:4px;flex-shrink:0;padding:6px 12px;font-size:.75rem}@media (width>=768px){.domain-comments-container .comment-card .comment-header .delete-button{padding:6px 14px;font-size:.8rem}}.domain-comments-container .comment-card .comment-header .delete-button:hover:not(:disabled){background-color:#f32c1e}.domain-comments-container .comment-card .comment-header .delete-button:disabled{opacity:.6;cursor:not-allowed}.domain-comments-container .comment-card .comment-header .delete-button:active:not(:disabled){transform:scale(.95)}.domain-comments-container .comment-card .comment-text{color:#333;word-wrap:break-word;margin:8px 0;font-size:.9rem;line-height:1.5}@media (width>=768px){.domain-comments-container .comment-card .comment-text{font-size:.95rem}}.domain-comments-container .comment-card .comment-meta{color:#666;border-top:1px solid #e0e0e0;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;font-size:.75rem;display:flex}@media (width>=768px){.domain-comments-container .comment-card .comment-meta{flex-direction:row;justify-content:space-between;font-size:.8rem}}.domain-comments-container .comment-card .comment-meta .comment-id{font-family:monospace}.domain-comments-container .comment-card .comment-meta .comment-date{color:#666}.generate-analytics-container .page-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}@media (width>=768px){.generate-analytics-container .page-header{gap:16px;margin-bottom:32px;padding-bottom:16px}}.generate-analytics-container .page-header h2{margin:0;font-size:1.1rem}@media (width>=768px){.generate-analytics-container .page-header h2{font-size:1.25rem}}.generate-analytics-container .page-header .back-button{cursor:pointer;color:#333;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:.8rem}@media (width>=768px){.generate-analytics-container .page-header .back-button{padding:6px 12px;font-size:.875rem}}.generate-analytics-container .page-header .back-button:hover{background-color:#f5f5f5}.generate-analytics-container .page-header .back-button:active{transform:scale(.95)}.generate-analytics-container .analytics-content{justify-content:center;align-items:flex-start;padding:24px 0;display:flex}.generate-analytics-container .analytics-content .info-card{text-align:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;width:100%;max-width:600px;padding:32px}@media (width>=768px){.generate-analytics-container .analytics-content .info-card{padding:40px}}.generate-analytics-container .analytics-content .info-card .info-icon{margin-bottom:16px;font-size:3rem}@media (width>=768px){.generate-analytics-container .analytics-content .info-card .info-icon{font-size:4rem}}.generate-analytics-container .analytics-content .info-card h3{color:#333;margin:0 0 16px;font-size:1.25rem}@media (width>=768px){.generate-analytics-container .analytics-content .info-card h3{font-size:1.5rem}}.generate-analytics-container .analytics-content .info-card p{color:#666;margin:0 0 32px;font-size:.95rem;line-height:1.6}@media (width>=768px){.generate-analytics-container .analytics-content .info-card p{font-size:1rem}}.generate-analytics-container .analytics-content .info-card p strong{color:#333;font-weight:600}.generate-analytics-container .analytics-content .info-card .result-message{border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:16px;font-size:.9rem;display:flex}@media (width>=768px){.generate-analytics-container .analytics-content .info-card .result-message{font-size:.95rem}}.generate-analytics-container .analytics-content .info-card .result-message.success{color:#2d682f;background-color:#eaf6eb;border:1px solid #92cf94}.generate-analytics-container .analytics-content .info-card .result-message.error{color:#f44336;background-color:#fff8f7;border:1px solid #f99d97}.generate-analytics-container .analytics-content .info-card .result-message .result-icon{font-size:1.2rem}.generate-analytics-container .analytics-content .info-card .generate-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#4285f4;border:none;border-radius:4px;min-width:180px;padding:12px 32px;font-size:.95rem;font-weight:600}@media (width>=768px){.generate-analytics-container .analytics-content .info-card .generate-button{padding:14px 40px;font-size:1rem}}.generate-analytics-container .analytics-content .info-card .generate-button:hover:not(:disabled){background-color:#2a75f3;box-shadow:0 4px 6px #0000001a}.generate-analytics-container .analytics-content .info-card .generate-button:active:not(:disabled){transform:scale(.98)}.generate-analytics-container .analytics-content .info-card .generate-button:disabled{opacity:.6;cursor:not-allowed}.view-analytics-container .page-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}@media (width>=768px){.view-analytics-container .page-header{gap:16px;margin-bottom:32px;padding-bottom:16px}}.view-analytics-container .page-header h2{margin:0;font-size:1.1rem}@media (width>=768px){.view-analytics-container .page-header h2{font-size:1.25rem}}.view-analytics-container .page-header .back-button{cursor:pointer;color:#333;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:.8rem}@media (width>=768px){.view-analytics-container .page-header .back-button{padding:6px 12px;font-size:.875rem}}.view-analytics-container .page-header .back-button:hover{background-color:#f5f5f5}.view-analytics-container .page-header .back-button:active{transform:scale(.95)}.view-analytics-container .analytics-controls{justify-content:flex-end;margin-bottom:24px;display:flex}.view-analytics-container .analytics-controls .refresh-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#4285f4;border:none;border-radius:4px;padding:8px 16px;font-size:.875rem}@media (width>=768px){.view-analytics-container .analytics-controls .refresh-button{font-size:.9rem}}.view-analytics-container .analytics-controls .refresh-button:hover:not(:disabled){background-color:#2a75f3}.view-analytics-container .analytics-controls .refresh-button:disabled{opacity:.6;cursor:not-allowed}.view-analytics-container .analytics-controls .refresh-button:active:not(:disabled){transform:scale(.98)}.view-analytics-container .analytics-content .status-message{border-radius:8px;align-items:flex-start;gap:16px;margin-bottom:24px;padding:24px;display:flex}@media (width>=768px){.view-analytics-container .analytics-content .status-message{padding:32px}}.view-analytics-container .analytics-content .status-message .status-icon{flex-shrink:0;font-size:2rem}@media (width>=768px){.view-analytics-container .analytics-content .status-message .status-icon{font-size:2.5rem}}.view-analytics-container .analytics-content .status-message.loading{color:#0b51c5;background-color:#fff;border:1px solid #d3e2fc}.view-analytics-container .analytics-content .status-message.error{color:#f44336;background-color:#fff8f7;border:1px solid #f99d97}.view-analytics-container .analytics-content .status-message.error .error-content{flex:1}.view-analytics-container .analytics-content .status-message.error .error-content strong{margin-bottom:4px;font-size:1rem;display:block}@media (width>=768px){.view-analytics-container .analytics-content .status-message.error .error-content strong{font-size:1.1rem}}.view-analytics-container .analytics-content .status-message.error .error-content p{margin:4px 0;font-size:.9rem}@media (width>=768px){.view-analytics-container .analytics-content .status-message.error .error-content p{font-size:.95rem}}.view-analytics-container .analytics-content .status-message.error .error-content .hint{background-color:#ffffff80;border-radius:4px;margin-top:8px;padding:8px;font-size:.85rem}@media (width>=768px){.view-analytics-container .analytics-content .status-message.error .error-content .hint{font-size:.9rem}}.view-analytics-container .analytics-content .status-message.empty{color:#666;background-color:#f5f5f5;border:1px solid #e0e0e0}.view-analytics-container .analytics-content .status-message.empty .empty-content{flex:1}.view-analytics-container .analytics-content .status-message.empty .empty-content strong{color:#333;margin-bottom:4px;font-size:1rem;display:block}@media (width>=768px){.view-analytics-container .analytics-content .status-message.empty .empty-content strong{font-size:1.1rem}}.view-analytics-container .analytics-content .status-message.empty .empty-content p{margin:4px 0;font-size:.9rem}@media (width>=768px){.view-analytics-container .analytics-content .status-message.empty .empty-content p{font-size:.95rem}}.view-analytics-container .analytics-content .analytics-dashboard .stats-row{grid-template-columns:1fr;gap:16px;margin-bottom:32px;display:grid}@media (width>=768px){.view-analytics-container .analytics-content .analytics-dashboard .stats-row{grid-template-columns:repeat(3,1fr)}}.view-analytics-container .analytics-content .analytics-dashboard .stats-row .stat-box{text-align:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.view-analytics-container .analytics-content .analytics-dashboard .stats-row .stat-box .stat-value{color:#4285f4;margin-bottom:4px;font-size:2rem;font-weight:700}@media (width>=768px){.view-analytics-container .analytics-content .analytics-dashboard .stats-row .stat-box .stat-value{font-size:2.5rem}}.view-analytics-container .analytics-content .analytics-dashboard .stats-row .stat-box .stat-label{color:#666;font-size:.9rem;font-weight:500}.view-analytics-container .analytics-content .analytics-dashboard .stats-row .stat-box .stat-note{color:#666;margin-top:4px;font-size:.75rem}.view-analytics-container .analytics-content .analytics-dashboard .data-section{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:24px}@media (width>=768px){.view-analytics-container .analytics-content .analytics-dashboard .data-section{padding:32px}}.view-analytics-container .analytics-content .analytics-dashboard .data-section h3{color:#333;margin:0 0 24px;font-size:1rem;font-weight:600}@media (width>=768px){.view-analytics-container .analytics-content .analytics-dashboard .data-section h3{font-size:1.1rem}}.view-analytics-container .analytics-content .analytics-dashboard .data-section .bars-container{flex-direction:column;gap:16px;display:flex}.view-analytics-container .analytics-content .analytics-dashboard .data-section .bars-container .simple-bar .bar-info{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.85rem;display:flex}.view-analytics-container .analytics-content .analytics-dashboard .data-section .bars-container .simple-bar .bar-info .bar-label{color:#333;text-transform:capitalize;font-weight:500}.view-analytics-container .analytics-content .analytics-dashboard .data-section .bars-container .simple-bar .bar-info .bar-value{color:#666;font-size:.8rem}.view-analytics-container .analytics-content .analytics-dashboard .data-section .bars-container .simple-bar .bar-track{background-color:#ededed;border-radius:4px;width:100%;height:20px;overflow:hidden}@media (width>=768px){.view-analytics-container .analytics-content .analytics-dashboard .data-section .bars-container .simple-bar .bar-track{height:24px}}.view-analytics-container .analytics-content .analytics-dashboard .data-section .bars-container .simple-bar .bar-track .bar-fill{border-radius:4px;height:100%;transition:width 1.2s ease-out}.view-analytics-container .analytics-content .analytics-dashboard .footer-info{text-align:center;color:#666;border-top:1px solid #e0e0e0;margin-top:24px;padding:16px;font-size:.8rem}