.admin-dashboard .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px}.client-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:.2s ease}.client-card:hover{transform:translateY(-2px);border-color:#ffffff1f}.card-header{display:flex;align-items:center;gap:12px}.client-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover}.client-info h3{font-size:18px;font-weight:600;margin:0;color:var(--text-main)}.client-email{font-size:.9rem;opacity:.7;margin:4px 0 0;color:var(--text-secondary)}.card-body{display:flex;justify-content:space-between;align-items:center}.status-ok{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.status-warn{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.2)}.status-error{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2)}.card-actions{margin-top:auto;display:flex;gap:10px}.btn-manage{width:100%;padding:10px;border-radius:10px;background:#2196f31a;color:#2196f3;text-align:center;text-decoration:none;font-weight:500;transition:background .2s;border:1px solid rgba(33,150,243,.2)}.btn-manage:hover{background:#2196f333}.btn-reauth{padding:10px;border-radius:10px;background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-reauth:hover{background:#ff980033}:root{--color-blue-dark: #0B3C5D;--color-blue-medium: #1F7EA8;--color-blue-light: #36C2D9;--color-orange: #FF8C1A;--color-yellow: #FFC83D;--color-red: #FF4C4C;--bg-main: #0E0E11;--bg-card: #15151C;--bg-sidebar: #0E0E11;--text-main: #FFFFFF;--text-secondary: #B5B5C0;--border-color: rgba(31, 126, 168, .3);--border-hover: rgba(54, 194, 217, .5);--gradient-primary: linear-gradient(135deg, var(--color-blue-medium) 0%, var(--color-orange) 100%);--gradient-text: linear-gradient(90deg, var(--color-blue-light) 0%, var(--color-orange) 100%);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-hover: 0 0 15px rgba(54, 194, 217, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--color-blue-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-blue-medium)}.app-container{display:flex;height:100vh}.sidebar{width:260px;background-color:var(--bg-card);color:var(--text-secondary);display:flex;flex-direction:column;padding:24px;border-right:1px solid var(--border-color)}.logo-container{margin-bottom:48px;display:flex;align-items:center;gap:12px}.logo-container img{height:48px}.logo-fallback{font-weight:800;font-size:1.5rem;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-transform:uppercase;letter-spacing:-.5px}nav{display:flex;flex-direction:column;gap:12px;flex:1}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid transparent}.nav-item:hover{background-color:#36c2d90d;color:var(--color-blue-light);border-color:#36c2d91a;box-shadow:var(--shadow-hover)}.nav-item.active{background:#ff8c1a1a;color:var(--color-orange);border-left:4px solid var(--color-orange);border-top:none;border-right:none;border-bottom:none;border-radius:4px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:20px}.logout-btn{background:none;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px;width:100%;text-align:left;border-radius:8px;transition:all .2s;font-weight:500}.logout-btn:hover{color:var(--color-red);background-color:#ff4c4c0d}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-main)}.topbar{min-height:140px;background-color:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.branding-section{display:flex;align-items:center;gap:12px}.brand-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.brand-text{font-weight:700}.breadcrumbs span{font-size:1.1rem;font-weight:600;color:var(--text-main)}.user-profile{display:flex;align-items:center;gap:16px;padding:8px 16px;background-color:var(--bg-card);border-radius:30px;border:1px solid var(--border-color)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-blue-medium)}.username{font-weight:500;color:var(--text-main)}.content-area{flex:1;padding:40px;overflow-y:auto}.dashboard-page,.campaign-page,.setup-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-header h1{font-size:2rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}button{font-family:inherit}.create-btn,.primary-btn{background:var(--gradient-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem;box-shadow:0 4px 15px #ff8c1a33;transition:transform .2s,box-shadow .2s}.create-btn:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1f7ea866}.campaign-grid,.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px}.campaign-card{background-color:var(--bg-card);padding:32px;border-radius:16px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-decoration:none;color:var(--text-main);transition:all .3s ease;position:relative;overflow:hidden}.campaign-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s}.campaign-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--color-blue-medium)}.campaign-card:hover:before{opacity:1}.folder-icon{color:var(--color-yellow);filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.campaign-card span{font-weight:600;font-size:1.1rem}.file-card{background-color:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.file-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--color-blue-light)}.file-preview{height:180px;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.file-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 80%,rgba(0,0,0,.6))}.file-preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.file-card:hover .file-preview img{transform:scale(1.05)}.file-icon-placeholder{font-size:4rem;color:var(--text-secondary);opacity:.5}.file-info{padding:16px;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card);border-top:1px solid var(--border-color)}.file-name{font-size:.95rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.view-link{color:var(--color-blue-light);transition:color .2s}.view-link:hover{color:var(--color-orange)}.upload-dropzone{border:2px dashed var(--color-blue-medium);border-radius:16px;padding:60px;text-align:center;color:var(--text-secondary);background-color:#0b3c5d1a;transition:all .3s ease;cursor:pointer;margin-bottom:40px;position:relative;overflow:hidden}.upload-dropzone:hover{border-color:var(--color-blue-light);background-color:#36c2d90d;box-shadow:var(--shadow-hover)}.upload-dropzone p{font-size:1.2rem;font-weight:500;color:var(--text-main);margin-bottom:16px}.upload-dropzone button{background:transparent;border:1px solid var(--color-blue-medium);color:var(--color-blue-light);padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.upload-dropzone button:hover{background:var(--color-blue-dark);border-color:var(--color-blue-light);color:#fff}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,#0b3c5d,#0e0e11 40%)}.login-card{background-color:var(--bg-card);padding:64px 40px;border-radius:24px;box-shadow:0 20px 50px #00000080;text-align:center;width:100%;max-width:450px;border:1px solid var(--border-color)}.login-card:hover{border-color:var(--color-blue-medium)}.logo-section h1{font-size:2.5rem;margin-top:10px}.logo-section p{color:var(--text-secondary);font-size:1.1rem;margin-top:8px;margin-bottom:40px}.google-btn{display:flex;align-items:center;justify-content:center;gap:16px;background-color:#fff;border:none;padding:16px;border-radius:12px;width:100%;font-weight:600;font-size:1.1rem;color:#3c4043;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.google-btn:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.error-message{color:var(--color-red);background:#ff4c4c1a;padding:10px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,76,76,.3)}.setup-page{padding-top:80px;text-align:center;min-height:100vh;background:radial-gradient(circle at bottom left,#0b3c5d,#0e0e11 40%)}.setup-card{background-color:var(--bg-card);padding:60px;border-radius:24px;box-shadow:0 20px 50px #0000004d;max-width:700px;margin:0 auto;border:1px solid var(--border-color)}.setup-card h2{font-size:2rem;color:var(--text-main);margin-bottom:20px}.setup-card p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px;line-height:1.6}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.status-row{display:flex;align-items:center;gap:10px;margin-top:4px}.status-label{font-size:14px;opacity:.7;color:var(--text-main)}.status-badge{padding:4px 10px;border-radius:8px;font-size:13px;font-weight:500}.status-badge.connected{background:#00ff8026;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.warning{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.status-badge.error{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.modal{background:var(--bg-card);padding:40px;border-radius:16px;width:450px;border:1px solid var(--border-color);box-shadow:0 20px 50px #00000080}.modal h2{margin-bottom:24px;color:var(--text-main)}.modal input{width:100%;padding:14px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);margin-bottom:24px;font-size:1rem}.modal input:focus{outline:none;border-color:var(--color-blue-light);box-shadow:0 0 0 2px #36c2d933}.modal-actions{display:flex;justify-content:flex-end;gap:16px}.modal-actions button{padding:10px 20px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.modal-actions button:hover{background:#ffffff0d;color:var(--text-main)}.modal-actions button.primary-btn{background:var(--gradient-primary);color:#fff;border:none}@media(max-width:768px){.brand-logo.login-logo img{height:160px!important}.brand-logo.topbar-logo img{height:80px!important}.topbar{min-height:100px!important;padding:0 20px}}