.pagespeed-chart{width:100%;display:flex;flex-direction:column;gap:6px;padding:0}.scores-section{display:flex;flex-direction:column;gap:4px}.section-title{font-size:.8rem;font-weight:700;color:#666;margin:0 0 2px}.chart-row{display:flex;align-items:center;gap:8px}.chart-label{min-width:95px;font-size:.75rem;font-weight:600;color:#333;text-align:right}.chart-bar-container{flex:1;height:22px;background:#f0f0f0;border-radius:11px;overflow:hidden;position:relative}.chart-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;border-radius:11px;transition:width .6s ease-out;position:relative;min-width:35px}.chart-value{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.metrics-section{border-top:1px solid #eee;padding-top:6px;display:flex;flex-direction:column;gap:3px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.metric-item{display:flex;flex-direction:column;gap:1px;align-items:center;padding:4px;background:#f8f9fa;border-radius:4px}.metric-label{font-size:.65rem;color:#666;font-weight:600}.metric-value{font-size:.85rem;font-weight:700;color:#333}@media(max-width:768px){.chart-row{flex-direction:column;align-items:stretch;gap:8px}.chart-label{text-align:left;min-width:auto}.chart-bar-container{height:28px}.metrics-grid{grid-template-columns:1fr}}.gmb-analytics{width:100%}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.gmb-chart-item,.gmb-rating-item{background:#f8f9fa;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;gap:.15rem}.gmb-chart-item:hover,.gmb-rating-item:hover{background:#e9ecef;transform:translateY(-2px)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem}.metric-label{font-size:.7rem;color:#666;font-weight:500}.metric-value{font-size:1.1rem;font-weight:700}.chart-wrapper{width:100%;height:165px;margin:.1rem 0}.mini-chart-svg{width:100%;height:100%}.date-range{display:flex;justify-content:space-between;font-size:.65rem;color:#999;margin-top:.05rem}.gmb-rating-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.website-analytics{width:100%}.website-analytics .analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;height:fit-content}.website-analytics .analytics-item{background:#f8f9fa;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.website-analytics .analytics-item:hover{background:#e9ecef;transform:translateY(-2px)}.website-analytics .metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem}.website-analytics .metric-label{font-size:.7rem;color:#666;font-weight:500}.website-analytics .metric-value{font-size:1.1rem;font-weight:700}.website-analytics .chart-wrapper{width:100%;height:165px;margin:.1rem 0}.website-analytics .mini-chart-svg{width:100%;height:100%}.website-analytics .date-range{display:flex;justify-content:space-between;font-size:.65rem;color:#999;margin-top:.05rem}.website-analytics .no-data{text-align:center;color:#999;padding:2rem;font-style:italic}.ssl-status{width:100%;height:100%;display:flex;flex-direction:column}.ssl-blocks{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.6rem;height:100%}.ssl-block{background:#f8f9fa;padding:1.2rem;border-radius:6px;text-align:center;border:2px solid #e0e0e0;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.ssl-block:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.ssl-block-label{font-size:.85rem;color:#666;font-weight:500;margin-bottom:.7rem}.ssl-block-value{font-size:1.2rem;font-weight:700;color:#333}.ssl-block.valid .ssl-block-value{color:#155724}.ssl-block.invalid .ssl-block-value{color:#721c24}.ssl-block.online .ssl-block-value{color:#155724}.ssl-block.offline .ssl-block-value{color:#721c24}.ssl-block.good .ssl-block-value{color:#155724}.ssl-block.warning .ssl-block-value{color:#856404}.ssl-block.critical .ssl-block-value{color:#721c24}.social-media-analytics{width:100%}.social-media-analytics .analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.social-media-analytics .analytics-item{background:#f8f9fa;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;gap:.15rem}.social-media-analytics .analytics-item:hover{background:#e9ecef;transform:translateY(-2px)}.social-media-analytics .metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem}.social-media-analytics .metric-label{font-size:.7rem;color:#666;font-weight:500}.social-media-analytics .metric-value{font-size:1.1rem;font-weight:700}.social-media-analytics .chart-wrapper{width:100%;height:165px;margin:.1rem 0}.social-media-analytics .mini-chart-svg{width:100%;height:100%}.social-media-analytics .date-range{display:flex;justify-content:space-between;font-size:.65rem;color:#999;margin-top:.05rem}.ranking-keywords{width:100%;max-width:100%;padding:.6rem}.keywords-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.keyword-item{background:#f8f9fa;padding:.8rem;border-radius:8px;display:flex;flex-direction:column;gap:.3rem;transition:all .3s ease;border-left:4px solid transparent}.keyword-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.keyword-item.top-3{border-left-color:#28a745;background:linear-gradient(135deg,#f0fff4,#f8f9fa)}.keyword-item.top-10{border-left-color:#ffc107;background:linear-gradient(135deg,#fffbf0,#f8f9fa)}.keyword-item.other{border-left-color:#6c757d}.keyword-position{font-size:1.5rem;font-weight:700;color:#333}.keyword-item.top-3 .keyword-position{color:#28a745}.keyword-item.top-10 .keyword-position{color:#ffc107}.keyword-text{font-size:.9rem;font-weight:600;color:#333;line-height:1.3;min-height:2.6em;margin-bottom:.5rem}.keyword-stats{display:flex;flex-direction:column;gap:.2rem}.keyword-stat{font-size:.75rem;color:#666;display:flex;justify-content:space-between}.stat-label{font-weight:500;color:#888}.keyword-volume{font-size:.75rem;color:#666;margin-top:.3rem}.no-data{text-align:center;color:#999;padding:2rem;font-style:italic}@media(max-width:1400px){.keywords-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.keywords-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.keywords-grid{grid-template-columns:repeat(2,1fr)}}.page2{width:100%;height:100%;display:flex;flex-direction:column}.page2-content{flex:1;padding:100px 20px 20px;overflow:hidden}.keywords-tile{width:100%;height:calc(100vh - 140px);background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.keywords-tile .tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.keywords-tile .tile-header h3{margin:0;font-size:.95rem;color:#333;font-weight:600}.keywords-tile .tile-timeframe{font-size:.65rem;color:#999;font-weight:400;display:block;margin-top:2px}.keywords-tile .tile-icon{font-size:1.3rem}.keywords-tile .tile-content-left{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0}.placeholder-text{text-align:center;color:#999;padding:2rem;font-style:italic}.error-message{text-align:center;color:#c62828;padding:2rem}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header-inline{position:fixed;top:0;left:0;z-index:100;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;width:100%;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:15px}.header-logo{height:35px;width:auto;object-fit:contain;transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.dashboard-header-inline h1{font-size:1.4rem;margin:0;color:#8a7e70;font-weight:700;white-space:nowrap}.header-center{flex:1;display:flex;justify-content:center}.autoplay-control{display:flex;align-items:center;gap:10px;padding:8px 15px;background:#f8f9fa;border-radius:6px}.autoplay-control label{font-size:.9rem;color:#666;font-weight:500;margin:0;white-space:nowrap}.interval-input{width:60px;padding:6px 8px;font-size:.9rem;border:2px solid #e0e0e0;border-radius:4px;text-align:center;transition:all .3s ease}.interval-input:focus{outline:none;border-color:#8a7e70;box-shadow:0 0 0 3px #8a7e701a}.interval-input:disabled{background-color:#e9ecef;color:#999;cursor:not-allowed}.toggle-button{padding:6px 16px;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:4px;cursor:pointer;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;white-space:nowrap}.toggle-button:hover:not(.active){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.toggle-button:active{transform:translateY(-2px)}.toggle-button.active{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 12px #f443364d;color:#fff}.toggle-button.active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433680}.header-right{display:flex;align-items:center;gap:20px;white-space:nowrap}.url-display{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f8f9fa;border-radius:6px}.url-label{font-size:.9rem;color:#666;font-weight:500}.url-value{font-size:.95rem;color:#8a7e70;font-weight:600}.page-navigation{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px}.nav-button{padding:6px 12px;font-size:1rem;font-weight:600;color:#8a7e70;background:transparent;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .3s ease}.nav-button:hover{background:#e9ecef;border-color:#8a7e70;transform:scale(1.1)}.nav-button:active{transform:scale(.95)}.page-indicator{font-size:.9rem;font-weight:600;color:#333;min-width:50px;text-align:center}.url-form-inline{display:flex;gap:10px;align-items:center}.url-input-inline{padding:10px 15px;font-size:.95rem;border:2px solid #e0e0e0;border-radius:6px;transition:all .3s ease;width:400px}.url-input-inline:focus{outline:none;border-color:#8a7e70;box-shadow:0 0 0 3px #8a7e701a}.url-input-inline:disabled{background-color:#f5f5f5;cursor:not-allowed}.check-button-inline{padding:10px 20px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8a7e70,#6b6158);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.check-button-inline:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #8a7e7066}.check-button-inline:active:not(:disabled){transform:translateY(0)}.check-button-inline:disabled{opacity:.6;cursor:not-allowed}.dashboard-content{flex:1;padding:79px 20px 20px}.alert{padding:16px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-icon{font-size:1.5rem}.tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;grid-auto-rows:minmax(150px,auto)}.tile{background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;animation:slideIn .4s ease;display:flex;flex-direction:column}.tile.ssl-tile,.tile.pagespeed-tile,.tile.analytics-tile,.tile.social-media-tile{grid-column:span 1}.tile:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.tile.placeholder{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:2px dashed #cbd5e0}.tile.error-tile{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:2px solid #f44336}.tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.tile-header h3{margin:0;font-size:.95rem;color:#333;font-weight:600}.tile-timeframe{font-size:.65rem;color:#999;font-weight:400;display:block;margin-top:2px}.tile-icon{font-size:1.3rem}.tile-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.tile-content-left{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0}.pagespeed-tile{grid-column:span 2}.chart-tile{grid-column:span 2;min-height:300px}.compact-tile{min-height:150px;padding:15px}.compact-tile .tile-header{margin-bottom:10px;padding-bottom:10px}.compact-tile .tile-header h3{font-size:1rem}.compact-tile .tile-icon{font-size:1.5rem}.status-badge{font-size:1.5rem;font-weight:700;padding:15px 30px;border-radius:50px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.status-badge.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf504d}.status-badge.inactive{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 15px #f443364d}.tile-domain{font-size:1.1rem;color:#666;margin:0;word-break:break-word}.expiry-date{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px}.days-remaining{font-size:1.1rem;font-weight:600;padding:10px 20px;border-radius:25px;margin-top:10px}.days-remaining.good{background:linear-gradient(135deg,#d4fc79,#96e6a1);color:#2e7d32}.days-remaining.warning{background:linear-gradient(135deg,#ffd89b,#ffa726);color:#e65100}.days-remaining.critical{background:linear-gradient(135deg,#ff9a9e,#f44336);color:#fff;animation:pulse 2s infinite}.placeholder-text{font-size:1.1rem;color:#999;font-style:italic}.error-message{font-size:1rem;color:#c62828;line-height:1.6;word-break:break-word}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.tiles-grid{grid-template-columns:repeat(2,1fr)}.tile.ssl-tile,.tile.pagespeed-tile,.tile.analytics-tile,.tile.social-media-tile{grid-column:span 1}}@media(max-width:768px){.dashboard-header-inline{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 20px}.dashboard-header-inline h1{font-size:1.5rem}.dashboard-content{padding:140px 15px 15px}.url-form-inline{width:100%}.url-input-inline{flex:1;width:auto}.tiles-grid{grid-template-columns:1fr;gap:12px}.tile{min-height:240px}.tile.pagespeed-tile,.tile.analytics-tile,.tile.ssl-tile{grid-column:span 1}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.8rem;color:#333;margin:0 0 .5rem;font-weight:700}.login-header p{color:#666;margin:0;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:6px;border:1px solid #fcc;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.login-button{padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.login-box{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}}.App{width:100%;height:100vh;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 1.5rem;box-shadow:0 2px 4px #0000000d}.user-info{display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:.9rem;color:#666}.logout-button{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .2s}.logout-button:hover{background:#d32f2f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f2f5,#e9ecef);min-height:100vh;margin:0;padding:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}