.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#4089c8;color:#fff}.btn-primary:hover{background:#306fa5}.btn-secondary{background:#2c2d32;color:#fff;border:1px solid #373a40}.btn-secondary:hover{background:#383940}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#bd2130}.btn-link{background:rgba(0,0,0,0);color:#4089c8;padding:0}.btn-link:hover{text-decoration:underline}.btn-sm{padding:.25rem .5rem;font-size:14px}.btn-google{background:#fff;color:#333;padding:1rem 2rem;font-size:18px}.btn-google:hover{background:#f1f1f1}.btn-google .google-icon{width:24px;height:24px}.btn-email{background:#4089c8;color:#fff;padding:1rem 2rem;font-size:18px}.btn-email:hover{background:#306fa5}.btn-email .email-icon{width:24px;height:24px}.form-control,.form-select{width:100%;padding:.5rem 1rem;font-size:16px;color:#fff;background:#2c2d32;border:1px solid #373a40;border-radius:8px;transition:border-color .2s ease}.form-control:focus,.form-select:focus{outline:none;border-color:#4089c8}.form-control::placeholder,.form-select::placeholder{color:#909296}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23bdbfc6' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#fff}.form-group .form-help{display:block;margin-top:.25rem;font-size:14px;color:#909296}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-container{max-width:600px;background:#25262b;padding:2rem;border-radius:12px}.connection-type-options{display:flex;gap:1rem;margin-top:.5rem}.connection-type-options>div{flex:1}.connection-type-options>div input[type=radio]{display:none}.connection-type-options>div input[type=radio]:checked+label{border-color:#4089c8;background:rgba(64,137,200,.1)}.connection-type-options>div label{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background:#2c2d32;border:2px solid #373a40;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.connection-type-options>div label:hover{border-color:#4f535b}.card{background:#25262b;border-radius:12px;padding:2rem;box-shadow:0 1px 2px rgba(0,0,0,.2)}.card-title{margin:0 0 .5rem;font-size:18px;color:#bdbfc6}.card-value{font-size:2rem;font-weight:700;color:#fff}.card-link{display:inline-block;margin-top:1rem;color:#4089c8;text-decoration:none}.card-link:hover{text-decoration:underline}.table-container{background:#25262b;border-radius:12px;overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #373a40}.table th{background:rgba(0,0,0,.2);font-weight:600;color:#bdbfc6;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.table td{color:#fff}.table td a{color:#4089c8;text-decoration:none}.table td a:hover{text-decoration:underline}.table tbody tr:hover{background:rgba(255,255,255,.02)}.table .actions-col{white-space:nowrap;text-align:right}.inline-form{display:inline}.badge{display:inline-block;padding:.25rem .5rem;font-size:14px;font-weight:500;border-radius:4px}.badge-success{background:rgba(40,167,69,.2);color:#28a745}.badge-info{background:rgba(120,189,232,.2);color:#78bde8}.badge-secondary{background:rgba(144,146,150,.2);color:#bdbfc6}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.alert-error{background:rgba(220,53,69,.1);color:#dc3545;border:1px solid rgba(220,53,69,.3)}.alert-success{background:rgba(40,167,69,.1);color:#28a745;border:1px solid rgba(40,167,69,.3)}.alert-info{background:rgba(120,189,232,.1);color:#78bde8;border:1px solid rgba(120,189,232,.3)}.login-divider{display:flex;align-items:center;margin:2rem 0;color:#909296}.login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:#373a40}.login-divider span{padding:0 1rem;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.login-email-form{width:100%}.login-email-form .form-group{margin-bottom:1rem}.login-email-form .form-control,.login-email-form .form-select{text-align:center}.btn-block{display:flex;width:100%;justify-content:center}.login-footer{margin-top:2rem;text-align:center}.login-hint{margin-top:1rem;font-size:14px;color:#909296;text-align:center}.email-sent-icon{display:flex;justify-content:center;margin-bottom:1.5rem;color:#4089c8}.email-sent-icon svg{width:64px;height:64px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;font-size:1.75rem}.page-header .header-controls{display:flex;gap:1rem}.dashboard{padding:1.5rem}.dashboard-header{margin-bottom:3rem}.dashboard-header h1{margin:0 0 .5rem;font-size:2rem}.dashboard-header .subtitle{color:#bdbfc6;margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-bottom:3rem}.dashboard-cards .card{display:flex;gap:1.5rem}.card-icon{flex-shrink:0;color:#4089c8}.card-content{flex-grow:1}.dashboard-section{margin-top:3rem}.dashboard-section h2{margin:0 0 1.5rem;font-size:1.25rem}.dashboard-empty{text-align:center;padding:3rem;background:#25262b;border-radius:12px}.dashboard-empty p{color:#bdbfc6;margin:1rem 0 1.5rem}.config-list{display:flex;flex-direction:column;gap:1rem}.config-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#25262b;border-radius:8px}.config-info{display:flex;flex-direction:column;gap:.25rem}.config-info .config-url{font-size:14px;color:#909296}.config-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:6rem;background:#25262b;border-radius:12px}.empty-state svg,.empty-state .empty-icon{color:#909296;margin-bottom:1.5rem}.empty-state .empty-icon{font-size:4rem;display:block}.empty-state h3{margin:0 0 .5rem}.empty-state p{color:#bdbfc6;margin:0 0 1.5rem}.matomo-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem}.matomo-card{display:flex;flex-direction:column;background:#25262b;border-radius:12px;padding:2rem;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid rgba(0,0,0,0)}.matomo-card:hover{transform:translateY(-2px);border-color:#4089c8;box-shadow:0 4px 6px rgba(0,0,0,.3)}.matomo-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.matomo-card-title{margin:0;font-size:1.25rem;color:#fff}.matomo-card-stats{flex:1;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.matomo-stat-visitors .stat-value{display:block;font-size:4rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-0.02em}.matomo-stat-visitors .stat-label{display:block;font-size:16px;color:#bdbfc6;margin-top:.5rem}.matomo-stat-change{display:flex;align-items:center;gap:.5rem}.matomo-stat-change.positive{color:#28a745}.matomo-stat-change.negative{color:#dc3545}.matomo-stat-change i{font-size:1.75rem}.matomo-stat-change .change-value{font-size:2rem;font-weight:700;line-height:1}.matomo-stat-change .change-label{font-weight:400;color:#909296;font-size:16px;margin-left:.25rem}.matomo-stat-error{display:flex;align-items:center;gap:.5rem;color:#909296;font-size:16px;padding:1.5rem 0}.matomo-stat-error i{font-size:1.25rem}.matomo-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #373a40}.matomo-card-url{font-size:14px;color:#909296;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px)}.matomo-card-arrow{color:#909296;transition:transform .2s ease}.matomo-card:hover .matomo-card-arrow{transform:translateX(4px);color:#4089c8}.statistics-page{padding:1.5rem}.statistics-page .page-header{flex-wrap:wrap;gap:1rem}.statistics-page .page-header-left{display:flex;align-items:center;gap:1rem}.statistics-page .page-header-left h1{margin:0}.statistics-page .header-controls{flex-wrap:wrap}.btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#2c2d32;border:1px solid #373a40;border-radius:8px;color:#bdbfc6;transition:all .2s ease}.btn-back:hover{background:#383940;color:#fff;transform:none}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#25262b;padding:1.5rem;border-radius:8px;text-align:center}.stat-label{display:block;font-size:14px;color:#bdbfc6;margin-bottom:.5rem}.stat-value{display:block;font-size:2rem;font-weight:700;color:#fff}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2rem}.chart-card{background:#25262b;padding:1.5rem;border-radius:12px}.chart-card h3{margin:0 0 1rem;font-size:1.125rem;color:#bdbfc6}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1b1e}.login-container{width:100%;max-width:400px;padding:1.5rem}.login-box{background:#25262b;padding:3rem;border-radius:12px;text-align:center}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem;text-decoration:none}.auth-logo:hover{text-decoration:none}.auth-logo-image{height:80px;width:auto;max-width:280px;object-fit:contain}.auth-logo-text{font-size:1.75rem;font-weight:700;color:#fff;text-decoration:none}.auth-logo-text:hover{text-decoration:none}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo-image{height:80px;width:auto;max-width:280px;object-fit:contain}.login-title{margin:0 0 .5rem;font-size:1.75rem;color:#fff}.login-subtitle{margin:0 0 2rem;color:#bdbfc6}.login-buttons{display:flex;flex-direction:column;gap:1rem}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.error-container{text-align:center;padding:2rem}.error-code{font-size:6rem;font-weight:700;color:#4089c8;margin:0;line-height:1}.error-title{font-size:1.5rem;margin:1.5rem 0 .5rem}.error-message{color:#bdbfc6;margin:0 0 2rem}.lang-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.lang-modal-overlay[hidden]{display:none}.lang-modal-overlay.active{opacity:1;visibility:visible}.lang-modal{background:#25262b;border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.3);transform:scale(0.95) translateY(-10px);transition:transform .2s ease}.lang-modal-overlay.active .lang-modal{transform:scale(1) translateY(0)}.lang-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #373a40}.lang-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.lang-modal-close{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:4px;color:#909296;transition:background .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.lang-modal-close i{font-size:1.25rem}.lang-modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.lang-modal-search-wrapper{position:relative;padding:1rem 2rem;border-bottom:1px solid #373a40}.lang-modal-search-wrapper>i{position:absolute;left:calc(2rem + 16px);top:50%;transform:translateY(-50%);font-size:1rem;color:#909296;pointer-events:none}.lang-modal-search{width:100%;padding:.5rem 1rem .5rem 44px;border:1px solid #373a40;border-radius:4px;font-size:1rem;background:rgba(255,255,255,.05);color:#fff;transition:border-color .15s ease,background .15s ease}.lang-modal-search:focus{outline:none;border-color:#4089c8;background:rgba(255,255,255,.1)}.lang-modal-search::placeholder{color:#909296}.lang-modal-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:.5rem;padding:1rem 2rem 2rem;overflow-y:auto;flex:1}.lang-modal-grid form{margin:0}.lang-modal-option{width:100%;padding:.5rem 1rem;background:rgba(255,255,255,.05);border:2px solid rgba(0,0,0,0);border-radius:4px;font-size:.9375rem;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;color:#fff}.lang-modal-option:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.lang-modal-option.active{background:#4089c8;color:#fff;font-weight:600;border-color:#4089c8}.lang-modal-option.hidden{display:none}.lang-modal-empty{padding:2rem;text-align:center;color:#909296;font-size:.9375rem}.lang-modal-empty[hidden]{display:none}.navbar-lang-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-size:inherit}@media(max-width: 480px){.lang-modal-overlay{padding:10px}.lang-modal{max-height:90vh}.lang-modal-header{padding:1rem}.lang-modal-search-wrapper{padding:.5rem 1rem}.lang-modal-search-wrapper>i{left:calc(1rem + 16px)}.lang-modal-grid{grid-template-columns:repeat(2, 1fr);padding:.5rem 1rem 1rem}.lang-modal-option{padding:.5rem;font-size:.875rem}}@media(max-width: 360px){.lang-modal-grid{grid-template-columns:1fr}}.input-group{display:flex;gap:0}.input-group .form-control,.input-group .form-select{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.btn-copy{display:flex;align-items:center;justify-content:center;padding:0 1rem;background:#2c2d32;border:1px solid #373a40;border-left:none;border-radius:0 8px 8px 0;color:#909296;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:#383940;color:#fff}.btn-copy.copied{background:#4089c8;color:#fff;border-color:#4089c8}.btn-copy.copied i::before{content:""}.form-control.readonly,.readonly.form-select{background:#1a1b1e;color:#909296;cursor:not-allowed;border-style:dashed}.form-check{display:flex;align-items:center}.form-check-input{width:20px;height:20px;cursor:pointer;accent-color:var(--brand-primary, #4089c8)}.user-page{padding:1.5rem}.user-page .page-header{display:block;margin-bottom:2rem}.user-page .page-header h1{margin:0 0 .5rem}.user-page .page-header .subtitle{color:#bdbfc6;margin:0}.user-profile-card{background:#25262b;border-radius:12px;padding:2rem;max-width:600px}.user-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #373a40}.user-avatar-large{width:96px;height:96px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:96px;height:96px;border-radius:50%;background:#2c2d32;display:flex;align-items:center;justify-content:center;color:#909296;font-size:3rem}.user-badges{display:flex;gap:.5rem;margin-top:1rem}.badge-admin{background:rgba(220,53,69,.2);color:#dc3545}.badge-premium{background:rgba(64,137,200,.2);color:#4089c8}.form-section{margin-bottom:2rem}.form-section:last-of-type{margin-bottom:0}.form-section h2{margin:0 0 1rem;font-size:1.125rem;color:#bdbfc6;font-weight:600}.info-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.info-group:last-child{margin-bottom:0}.info-group label{font-size:14px;color:#909296;font-weight:500}.info-value{color:#fff;font-size:1rem}.table td:first-child{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table tbody tr.row-spam{background:rgba(220,53,69,.15)}.table tbody tr.row-spam:hover{background:rgba(220,53,69,.2)}.table tbody tr.row-safe{background:rgba(40,167,69,.15)}.table tbody tr.row-safe:hover{background:rgba(40,167,69,.2)}.table tbody tr.row-pending{background:rgba(240,173,78,.15)}.table tbody tr.row-pending:hover{background:rgba(240,173,78,.2)}.badge-warning{background:rgba(240,173,78,.2);color:#f0ad4e}.badge-danger{background:rgba(220,53,69,.2);color:#dc3545}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;background:#1a1b1e;color:#fff;line-height:1.6}a{color:#4089c8;text-decoration:none}a:hover{text-decoration:underline}.navbar{display:flex;align-items:center;padding:1rem 2rem;background:#25262b;border-bottom:1px solid #373a40}.navbar-brand{margin-right:2rem}.navbar-logo{display:flex;align-items:center;text-decoration:none}.navbar-logo:hover{text-decoration:none}.navbar-logo-image{height:40px;width:auto;max-width:180px;object-fit:contain}.logo-light{display:block}.logo-dark{display:none}@media(prefers-color-scheme: light){.logo-light{display:none}.logo-dark{display:block}}.navbar-logo-text{font-size:1.25rem;font-weight:700;color:#fff}.navbar-menu{display:flex;gap:1rem;flex-grow:1}.navbar-item{padding:.5rem 1rem;color:#bdbfc6;text-decoration:none;border-radius:4px;transition:all .2s ease}.navbar-item:hover{color:#fff;background:rgba(255,255,255,.05);text-decoration:none}.navbar-item.active{color:#4089c8;background:rgba(64,137,200,.1)}.navbar-end{display:flex;align-items:center;gap:1.5rem}.navbar-user{display:flex;align-items:center;gap:.5rem}.user-avatar{width:32px;height:32px;border-radius:50%}.user-name{color:#bdbfc6;font-size:14px}.navbar-logout{color:#909296}.navbar-logout:hover{color:#dc3545}.main-content{padding:1.5rem 2rem;min-height:calc(100vh - 130px)}.footer{padding:1.5rem 2rem;text-align:center;color:#909296;font-size:14px;border-top:1px solid #373a40}.footer p{margin:0}.flash-messages{margin-bottom:1.5rem}.flash-message{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:8px;margin-bottom:.5rem}.flash-message:last-child{margin-bottom:0}.flash-success{background:rgba(40,167,69,.1);color:#28a745;border:1px solid rgba(40,167,69,.3)}.flash-error{background:rgba(220,53,69,.1);color:#dc3545;border:1px solid rgba(220,53,69,.3)}.flash-info{background:rgba(120,189,232,.1);color:#78bde8;border:1px solid rgba(120,189,232,.3)}.flash-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit;opacity:.5}.flash-close:hover{opacity:1}.has-error .form-control,.has-error .form-select{border-color:#dc3545}ul.form-errors{list-style:none;padding:0;margin:.25rem 0 0}ul.form-errors li{color:#dc3545;font-size:14px}@media(max-width: 768px){.navbar{flex-wrap:wrap;padding:.5rem 1rem}.navbar-menu{order:3;width:100%;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #373a40}.main-content{padding:1rem}.charts-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header .header-controls{width:100%;flex-wrap:wrap}}