@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-card:#1e1e1e;--bg-card-hover:#252525;--bg-input:#2a2a2a;--accent:#10b981;--accent-hover:#059669;--accent-light:#10b9811a;--accent-glow:#10b98166;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#2a2a2a;--border-light:#333;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;font-synthesis:none;text-rendering:optimizeLegibility;-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;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0 0 1rem;font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}p{color:var(--text-secondary);margin:0 0 1rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@layer utilities{.bg-white{background-color:var(--bg-card)!important}.bg-gray-50{background-color:var(--bg-secondary)!important}.bg-gray-100{background-color:var(--bg-input)!important}.text-gray-900,.text-gray-800{color:var(--text-primary)!important}.text-gray-700,.text-gray-600{color:var(--text-secondary)!important}.text-gray-500{color:var(--text-muted)!important}.bg-blue-600{background-color:var(--accent)!important}.bg-blue-700,.hover\:bg-blue-700:hover{background-color:var(--accent-hover)!important}.text-blue-600{color:var(--accent)!important}.hover\:text-blue-900:hover{color:var(--accent-hover)!important}.focus\:ring-blue-500:focus{--tw-ring-color:var(--accent)!important}.border-gray-200,.border-gray-300,.divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--border-color)!important}.bg-red-50{background-color:#ef44441a!important}.border-red-200{border-color:#ef44444d!important}.text-red-700,.text-red-600{color:var(--error)!important}.hover\:text-red-900:hover{color:#dc2626!important}.bg-green-100{background-color:#10b98126!important}.text-green-800,.text-green-600{color:var(--success)!important}.text-yellow-600{color:var(--warning)!important}.hover\:bg-gray-50:hover{background-color:var(--bg-card-hover)!important}.shadow{box-shadow:0 1px 3px #0000004d,0 1px 2px -1px #0000004d!important}.shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0006!important}.shadow-xl{box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080!important}.bg-black.bg-opacity-50{background-color:#000000b3!important}.disabled\:bg-blue-300:disabled{background-color:#10b98180!important}.border-t{border-top-color:var(--border-color)!important}.border-b{border-bottom-color:var(--border-color)!important}.text-gray-400{color:var(--text-muted)!important}.hover\:text-gray-600:hover{color:var(--text-secondary)!important}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.text-red-500{color:var(--error)!important}.border-blue-500{border-color:var(--accent)!important}.bg-blue-50{background-color:var(--accent-light)!important}.bg-gray-200{background-color:var(--bg-input)!important}.hover\:bg-gray-200:hover{background-color:var(--bg-card-hover)!important}.hover\:border-gray-400:hover{border-color:var(--border-light)!important}.hover\:text-blue-800:hover{color:var(--accent-hover)!important}.shadow-md{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d!important}.bg-red-500{background-color:var(--error)!important}.hover\:bg-red-600:hover{background-color:#dc2626!important}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],textarea,select{background-color:var(--bg-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light)!important;outline:none!important}select option{background-color:var(--bg-card);color:var(--text-primary)}input[type=checkbox]{accent-color:var(--accent)}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.border-gray-300{border-color:var(--border-color)!important;color:var(--text-secondary)!important;background-color:#0000!important}button.border-gray-300:hover{background-color:var(--bg-card-hover)!important;color:var(--text-primary)!important}table{border-collapse:collapse}thead{background-color:var(--bg-secondary)!important}tbody tr{background-color:var(--bg-card)!important}tbody tr:hover{background-color:var(--bg-card-hover)!important}.text-gray-600{color:var(--text-secondary)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.offline-indicator{position:fixed;top:0;left:0;right:0;background-color:#ff9800;color:#fff;z-index:9999;box-shadow:0 2px 8px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.offline-indicator-content{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;max-width:1400px;margin:0 auto}.offline-icon{font-size:1.25rem}.offline-text{font-weight:600;font-size:.95rem}.offline-subtext{font-size:.85rem;opacity:.9}@media(max-width:768px){.offline-indicator-content{flex-direction:column;gap:.25rem;padding:.5rem}.offline-subtext{font-size:.75rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:2rem}.login-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:2rem}.login-logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.login-logo .logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff}.login-logo .logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.login-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.login-header p{font-size:.9rem;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:var(--error);font-size:.875rem}.login-error svg{flex-shrink:0}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-field input{width:100%;padding:.75rem 1rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:all .15s ease}.form-field input::-moz-placeholder{color:var(--text-muted)}.form-field input::placeholder{color:var(--text-muted)}.form-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-field input:disabled{opacity:.6;cursor:not-allowed}.login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background-color:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:.5rem}.login-btn:hover:not(:disabled){background-color:var(--accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-hint{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.login-hint p{margin:0;font-size:.8rem;color:var(--text-muted)}.sidebar{width:200px;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.logo-text{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.sidebar-nav{flex:1;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.125rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.8rem;font-weight:500;transition:all .15s ease}.sidebar-link svg{width:16px;height:16px}.sidebar-link:hover{color:var(--text-primary);background-color:var(--bg-card)}.sidebar-link.active{color:var(--accent);background-color:var(--accent-light)}.sidebar-link.active svg{color:var(--accent)}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-user{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.user-avatar{width:28px;height:28px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-logout svg{width:14px;height:14px}.sidebar-logout:hover{color:var(--error);border-color:var(--error);background-color:#ef44441a}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.main-content{flex:1;margin-left:200px;padding:2rem 2.5rem;min-height:100vh;overflow-y:auto}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.025em}.page-subtitle{font-size:.9rem;color:var(--text-muted);margin:0}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.stat-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:600;color:var(--text-primary);line-height:1}.stat-value.success{color:var(--success)}.stat-value.error{color:var(--error)}.stat-value.warning{color:var(--warning)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-card);color:var(--text-primary)}.btn-danger{background-color:transparent;color:var(--error)}.btn-danger:hover{background-color:#ef44441a}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .875rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:all .15s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.875rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background-color:transparent}.data-table td{padding:1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background-color:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-success{background-color:#10b98126;color:var(--success)}.badge-error{background-color:#ef444426;color:var(--error)}.badge-warning{background-color:#f59e0b26;color:var(--warning)}.badge-neutral{background-color:var(--bg-input);color:var(--text-muted)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-state-icon{width:48px;height:48px;margin:0 auto 1rem;opacity:.5}.empty-state-text{font-size:.9rem}.page-container{display:flex;flex-direction:column;gap:1.5rem}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.filters-card{padding:1.25rem}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-summary{font-size:.8rem;color:var(--text-muted)}.back-link{align-self:flex-start}.form-page-card{max-width:720px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.form-page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.form-page-header .page-title{margin-bottom:.25rem}.form-page-header .page-subtitle{margin:0}.modern-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.required{color:var(--error)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.checkbox-text{font-size:.875rem;color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;margin-top:.5rem;border-top:1px solid var(--border-color)}.image-uploader{width:100%}.upload-dropzone{border:2px dashed var(--border-color);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .15s ease;background-color:var(--bg-input)}.upload-dropzone:hover{border-color:var(--border-light);background-color:var(--bg-card-hover)}.upload-dropzone.dragging{border-color:var(--accent);background-color:var(--accent-light)}.upload-icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--text-muted)}.upload-text{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.upload-hint{font-size:.8rem;color:var(--text-muted);margin:0}.upload-error{margin-top:.5rem;font-size:.8rem;color:var(--error)}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-preview{position:relative;max-width:200px}.image-preview img{width:100%;height:auto;max-height:150px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background-color:var(--bg-input)}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--error);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease}.remove-image-btn:hover{background-color:#dc2626;transform:scale(1.1)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.dashboard-stat-card{display:flex;align-items:center;gap:1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;text-decoration:none;transition:all .15s ease}.dashboard-stat-card:hover{border-color:var(--border-light);background-color:var(--bg-card-hover)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-icon.ads{background-color:#3b82f626;color:#3b82f6}.stat-icon.campaigns{background-color:#a855f726;color:#a855f7}.stat-icon.devices{background-color:#10b98126;color:var(--accent)}.stat-content{flex:1}.stat-numbers{display:flex;align-items:baseline;gap:.5rem}.stat-detail{font-size:.8rem;color:var(--text-muted)}.stat-detail.online{color:var(--success)}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding:2rem;z-index:1000;overflow-y:auto}.modal{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:560px;margin-top:2rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .15s ease}.modal-close:hover{background-color:var(--bg-input);color:var(--text-primary)}.modal-body{padding:1.5rem}.device-info{display:flex;flex-direction:column;gap:.125rem}.device-name{font-weight:500;color:var(--text-primary)}.device-id{font-size:.75rem;font-family:monospace;color:var(--text-muted)}.device-location{font-size:.8rem;color:var(--text-secondary)}.campaign-badges{display:flex;flex-wrap:wrap;gap:.375rem}.text-muted{color:var(--text-muted)}.table-card{padding:0;overflow:hidden}.table-card .data-table th:first-child,.table-card .data-table td:first-child{padding-left:1.5rem}.table-card .data-table th:last-child,.table-card .data-table td:last-child{padding-right:1.5rem}.ad-preview{width:48px;height:48px;border-radius:8px;overflow:hidden;background-color:var(--bg-input)}.ad-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ad-info{display:flex;flex-direction:column;gap:.25rem}.ad-title{font-weight:500;color:var(--text-primary)}.ad-description{font-size:.8rem;color:var(--text-muted);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons{display:flex;gap:.5rem}.text-secondary{color:var(--text-secondary)}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;font-size:.875rem}.alert-error{background-color:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.2)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}button.badge{cursor:pointer;border:none;transition:all .15s ease}button.badge:hover{opacity:.8}@media(max-width:1024px){.main-content{margin-left:0;padding:1.5rem}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.page-header-row{flex-direction:column}.filters-row{grid-template-columns:1fr}}.ad-carousel{width:100%;height:100%;position:relative;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .5s ease-in-out}.ad-image.loaded{opacity:1;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.ad-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.ad-error{text-align:center;color:#fff;padding:2rem}.error-icon{font-size:5rem;margin-bottom:1rem}.ad-error h2{font-size:2rem;margin:1rem 0;color:#ff9800}.ad-error p{font-size:1.2rem;color:#ccc}.ad-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem;color:#fff;opacity:0;animation:slideUp .5s ease-out .5s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ad-title{font-size:2rem;font-weight:600;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.ad-description{font-size:1.2rem;margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media(max-width:768px){.ad-info{padding:1rem}.ad-title{font-size:1.5rem}.ad-description{font-size:1rem}}.ad-display{width:100vw;height:100vh;background-color:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.display-status{text-align:center;color:#fff;padding:2rem}.display-status .loading-spinner{width:80px;height:80px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}@keyframes spin{to{transform:rotate(360deg)}}.display-status.error{max-width:600px}.display-status .error-icon{font-size:6rem;margin-bottom:1rem}.display-status h2{font-size:2.5rem;margin:1rem 0;color:#ff9800}.display-status p{font-size:1.3rem;color:#ccc;margin:1rem 0}.display-status .help-text{font-size:1rem;color:#888;margin-top:2rem}.fullscreen-button{position:absolute;top:1rem;right:1rem;background-color:#00000080;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:.75rem 1rem;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-button:hover{background-color:#000c;border-color:#fff9;transform:scale(1.1)}.fullscreen-button:active{transform:scale(.95)}.ad-counter{position:absolute;top:1rem;left:1rem;background-color:#00000080;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:1rem;font-weight:600;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#fff3;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);width:0;animation:progress linear forwards}@keyframes progress{0%{width:0%}to{width:100%}}:fullscreen .ad-display{cursor:none}:fullscreen .fullscreen-button,:fullscreen .ad-counter{opacity:.3;transition:opacity .3s ease}:fullscreen .ad-display:hover .fullscreen-button,:fullscreen .ad-display:hover .ad-counter{opacity:1}.sync-indicator{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;min-width:200px}.sync-indicator.expanded{min-width:300px}.sync-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sync-icon{font-size:18px}.sync-text{flex:1;font-weight:500}.sync-expand{color:#666;font-size:12px}.sync-details{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.sync-detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.sync-detail-row span:first-child{color:#666}.sync-device-id{font-family:monospace;font-size:12px}.sync-detail-row .warning{color:#f44336;font-weight:600}.sync-error{background:#ffebee;color:#c62828;padding:8px;border-radius:4px;font-size:12px;margin:8px 0}.sync-button{width:100%;padding:8px;margin-top:8px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.sync-button:hover:not(:disabled){background:#1976d2}.sync-button:disabled{background:#bdbdbd;cursor:not-allowed}.sync-indicator-compact{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:18px;cursor:pointer}#root{width:100%;min-height:100vh}html,body{height:100%;overflow-x:hidden}*{box-sizing:border-box}body{margin:0;padding:0;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}