*{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:#0a0a14;color:#fff;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ffff1a,#0080ff1a);padding:2rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,255,255,.1),transparent);pointer-events:none}.login-container{width:100%;max-width:450px;position:relative;z-index:1}.login-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:3rem;box-shadow:0 10px 40px #00ffff1a}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;background:linear-gradient(135deg,#0ff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-header p{color:#ffffffb3;font-size:1rem}.error-message{background:#ff6b6b33;border:1px solid rgba(255,107,107,.5);color:#ff6b6b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#ffffffe6;font-weight:500;font-size:.95rem}.form-group input{padding:.75rem 1rem;border:1px solid rgba(0,255,255,.3);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a}.form-group input::placeholder{color:#fff6}.btn-login{width:100%;padding:.875rem;font-size:1rem;margin-top:.5rem}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(0,255,255,.1)}.login-footer p{color:#fff9;font-size:.9rem}@media(max-width:768px){.login-card{padding:2rem}.login-header h1{font-size:1.5rem}}.dashboard{min-height:100vh;background:#0a0a14}.dashboard-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.2);padding:2rem 0;position:sticky;top:0;z-index:100}.dashboard-header .container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.user-info{font-size:.9rem;color:#ffffffb3}.user-info strong{color:#0ff}.header-right{display:flex;gap:1rem;align-items:center}.dashboard-header h1{font-size:2rem;background:linear-gradient(135deg,#0ff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-main{padding:2rem 0}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#0ff,#0080ff);color:#0a0a14}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0ff6}.btn-secondary{background:transparent;color:#0ff;border:2px solid #00ffff}.btn-secondary:hover{background:#00ffff1a}.btn-edit{background:#0ff3;color:#0ff;border:1px solid #00ffff}.btn-edit:hover{background:#00ffff4d}.btn-delete{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.btn-delete:hover{background:#ff6b6b4d}.btn-logout{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.btn-logout:hover{background:#ff6b6b4d}.form-section{margin-bottom:3rem}.form-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:2rem}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-header h2{color:#0ff;font-size:1.5rem}.btn-close{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close:hover{background:#ffffff1a}.ad-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-weight:500}.form-group input,.form-group textarea{padding:.75rem;border:1px solid rgba(0,255,255,.3);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a}.form-group textarea{resize:vertical;font-family:inherit}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-actions{display:flex;gap:1rem;margin-top:1rem}.ads-section h2{color:#fff;margin-bottom:2rem;font-size:1.8rem}.loading,.empty-state{text-align:center;padding:4rem 2rem;color:#fff9}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.ad-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);border-radius:16px;overflow:hidden;transition:all .3s ease}.ad-card:hover{border-color:#0ff6;transform:translateY(-4px);box-shadow:0 8px 30px #0ff3}.ad-card.inactive{opacity:.6;border-color:#ff6b6b4d}.ad-image{width:100%;height:200px;overflow:hidden;background:#0003}.ad-image img{width:100%;height:100%;object-fit:cover}.ad-info{padding:1.5rem}.ad-info h3{color:#0ff;margin-bottom:.75rem;font-size:1.3rem}.ad-info p{color:#ffffffb3;margin-bottom:1rem;line-height:1.6}.ad-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,255,.1)}.meta-item{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.meta-item strong{color:#fffc}.meta-item a{color:#0ff;text-decoration:none;word-break:break-all}.meta-item a:hover{text-decoration:underline}.meta-item span{color:#fff9}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.status-badge.active{background:#0ff3;color:#0ff}.status-badge.inactive{background:#ff6b6b33;color:#ff6b6b}.ad-actions{display:flex;gap:.75rem;margin-top:1rem}.ad-actions .btn{flex:1;padding:.5rem 1rem;font-size:.9rem}@media(max-width:768px){.dashboard-header .container{flex-direction:column;gap:1rem;align-items:flex-start}.header-right{width:100%;flex-direction:column}.header-right .btn{width:100%}.ads-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.App{min-height:100vh;background:#0a0a14}