*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container h1{color:#1a1a1a;margin-bottom:1rem;font-size:28px;font-weight:500}.login-container p{color:#666;margin-bottom:2rem;font-size:16px}.login-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.login-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:200px;padding:1rem 2rem;font-size:16px;font-weight:500;transition:all .2s}.login-btn:hover{background:#f9f9f9;border-color:#999}.login-btn:active{transform:scale(.98)}.app-container{max-width:900px;margin:0 auto;padding:2rem}.header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.header h1{color:#1a1a1a;font-size:24px;font-weight:500}.logout-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem;font-size:14px;transition:all .2s}.logout-btn:hover{background:#f9f9f9;border-color:#999}.campaigns-list{margin-bottom:2rem}.campaigns-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.campaigns-header h2{color:#1a1a1a;margin:0;font-size:18px;font-weight:500}.campaigns-list h2{color:#1a1a1a;margin-bottom:1.5rem;font-size:18px;font-weight:500}.create-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .2s}.create-btn:hover{background:#0052a3}.create-btn:active{transform:scale(.98)}.campaigns-grid{flex-direction:column;gap:.75rem;display:flex}.campaign-item{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.25rem;transition:all .2s}.campaign-item:hover{background:#f9f9f9;border-color:#999;box-shadow:0 2px 4px #0000000d}.campaign-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.campaign-name{color:#1a1a1a;font-size:16px;font-weight:600}.campaign-status{color:#fff;text-transform:capitalize;background:#666;border-radius:4px;padding:.35rem .75rem;font-size:12px}.campaign-date{color:#999;margin-bottom:.5rem;font-size:13px}.campaign-vendor{color:#06c;font-size:13px;font-weight:500}.campaign-expenses{color:#28a745;margin-top:.5rem;font-size:13px;font-weight:500}.no-campaigns{text-align:center;color:#999;background:#fff;border:1px dashed #ddd;border-radius:8px;padding:2rem;font-size:15px}.campaign-info{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.info-item{justify-content:space-between;margin-bottom:.75rem;display:flex}.info-item:last-child{margin-bottom:0}.info-label{color:#1a1a1a;font-weight:600}.info-value{color:#666}.form-container{background:#fff;border:1px solid #ddd;border-radius:12px;padding:1.5rem}.form-container h2{color:#1a1a1a;margin-bottom:1.5rem;font-size:18px;font-weight:500}.form-group{margin-bottom:1.25rem}.form-group label{color:#1a1a1a;margin-bottom:.5rem;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid #ddd;border-radius:6px;width:100%;padding:.75rem;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px #0066cc1a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{color:#999;cursor:not-allowed;opacity:.6;background:#f5f5f5}.form-group textarea{resize:vertical;min-height:100px}.hint{color:#999;margin-top:.25rem;font-size:12px}.link-input-group{align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.link-input-group select{flex:none;min-width:150px}.link-input-group input{flex:1}.remove-btn{cursor:pointer;white-space:nowrap;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:.75rem 1rem;font-size:14px;transition:all .2s}.remove-btn:hover:not(:disabled){background:#f0f0f0;border-color:#999}.remove-btn:disabled{opacity:.6;cursor:not-allowed}.add-link-btn{cursor:pointer;color:#06c;background:0 0;border:1px solid #06c;border-radius:6px;margin-top:.5rem;padding:.5rem 1rem;font-size:14px;font-weight:500;transition:all .2s}.add-link-btn:hover{background:#0066cc0d;border-color:#0052a3}.form-buttons{gap:1rem;margin-top:1.5rem;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;flex:1;padding:.75rem;font-size:14px;font-weight:600;transition:all .2s}.submit-btn:hover{background:#0052a3}.submit-btn:active{transform:scale(.98)}.cancel-btn{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;flex:1;padding:.75rem;font-size:14px;font-weight:600;transition:all .2s}.cancel-btn:hover{background:#f9f9f9;border-color:#999}@media (width<=640px){.app-container{padding:1rem}.header,.campaigns-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-btn{width:100%}.form-buttons,.link-input-group{flex-direction:column}.link-input-group select{width:100%;min-width:auto}.login-buttons{flex-direction:column;width:100%}.login-btn{width:100%}.campaign-header{flex-direction:column;align-items:flex-start;gap:.5rem}.campaign-status{align-self:flex-start}}