#app{width:100vw;height:100vh;margin:0;padding:0;background-color:#fff;font-family:monospace}.signin-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.signin-card{width:25%;padding:2rem;border-radius:12px;box-shadow:0 2px 4px #0000004d;text-align:center}.signin-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.signin-title{color:#000;font-size:2rem;margin:0;font-weight:700}.signin-sub{color:#ccc;font-size:1rem;margin-bottom:2rem}.signin-form{display:flex;flex-direction:column;gap:1rem}.input-label{font-weight:500;text-align:left}.signin-form input{padding:.8rem;border-radius:12px;font-size:1rem;border:1px solid #e0e0e0;outline:none}.signin-form button{padding:.9rem;border:none;border-radius:22px;background:#000;font-weight:700;font-size:1rem;color:#fff}.signin-form button:hover{opacity:.6}*{box-sizing:border-box}.layout-container{display:flex;width:100%;min-height:100vh;background-color:#fff;font-family:monospace}.main-content{width:100%;padding:40px 60px;overflow:hidden}.config-card,.upload-card{background-color:#fafafa;border-radius:12px;padding:32px;margin-bottom:24px;border:1px solid #e5e7eb}.card-title{font-size:20px;font-weight:600;color:#000;margin:0 0 24px}.config-section{display:flex;flex-direction:column;gap:20px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5e7eb}.toggle-row:last-of-type{border-bottom:none}.toggle-label{font-size:15px;color:#000;font-weight:400}.toggle-button{display:flex;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:2px;cursor:pointer;transition:all .2s ease;min-width:120px}.toggle-option{padding:6px 20px;font-size:14px;color:#6b7280;border-radius:4px;transition:all .2s ease;font-weight:500}.toggle-option.selected{background-color:#000;color:#fff}.dropdown-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.dropdown-label{font-size:15px;color:#000;font-weight:400}.dropdown-select{min-width:200px;padding:8px 16px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;color:#000;cursor:pointer;transition:border-color .2s ease}.submit-button{align-self:flex-end;margin-top:8px;margin-bottom:20px;padding:16px 24px;font-size:14px;font-weight:500;color:#fff;background-color:#000;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s ease}.submit-button:hover{opacity:.85}.upload-note{font-size:14px;color:#6b7280;margin:0 0 20px}.status-section{margin-top:1rem}.status-box{padding:1rem;border-radius:8px;color:#fff;font-weight:700}.uploading,.processing{color:#000}.error{color:red}.submit-button:disabled{visibility:hidden}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{max-height:85vh;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:1200px;height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#000}.modal-body{display:flex;flex-direction:column;overflow:hidden;flex-grow:1}.table-container{overflow-x:auto;overflow-y:auto;flex-grow:1}.modal-footer{border-top:1px solid #e5e7eb;padding-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:4px;text-align:left;min-width:150px}th{background-color:#f3f4f6;position:relative}th input,td input{width:100%;border:1px solid transparent;padding:8px;box-sizing:border-box}th input:focus,td input:focus{border-color:#000;outline:none;background-color:#eff6ff}.delete-btn{background:#fff;color:#000;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:700;position:absolute;top:50%;right:5px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}td .delete-btn{position:static;transform:none;margin:auto}.delete-btn:hover{background:#000;color:#fff}.table-actions{margin-bottom:1rem;display:flex;gap:.5rem}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:700;color:#fff}.add-btn,.download-btn,.export-btn,.cancel-btn{background-color:#000}.sync-btn{background-color:#ff510c}.sync-btn:hover{background-color:#ff48008d}.cancel-btn:hover,.download-btn:hover{background-color:#000000cb}.home-container{width:100vw;height:100vh;display:flex;flex-direction:row;background:#fff}.home-sidebar{width:260px;height:100vh;display:flex;flex-direction:column;background:#fafafa;box-shadow:0 1px 1px #0000004d;position:relative}.sidebar-title{font-size:1.5rem;font-weight:600;color:#000;margin:0;font-weight:700;letter-spacing:.5px}.sidebar-elements{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 20px;margin:8px 12px;border-radius:10px}.sidebar-elements a{color:#000;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.file-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.user-details{position:absolute;bottom:0;width:100%;padding:20px;display:flex;flex-direction:column;gap:12px}.user-details p{color:#000;font-size:.85rem;margin:0;overflow:hidden}.user-details a{color:#000;text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .3s ease}.home-card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.title{color:#fff;font-size:2rem;margin-bottom:1.5rem;letter-spacing:1px}.homebtn{width:100%;padding:.9rem;border:none;border-radius:22px;background:#67373d;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.homebtn:hover{background:#7a424a;transform:translateY(-2px);box-shadow:0 4px 12px #67373d66}.filepond--panel-root{background:#f0be49;border-radius:22px;text-align:center;color:#fff}.user-info{display:flex;align-items:center;gap:.75rem;color:#374151;font-weight:700}.user-email{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-icon{flex-shrink:0}.home-container{display:flex;width:100vw;height:100vh;background-color:#f8f9fa}.home-sidebar{width:260px;height:100vh;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e9ecef}.sidebar-nav{padding:16px 12px;flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:16px;padding:12px 16px;margin-bottom:8px;border-radius:8px;color:#495057;text-decoration:none;font-weight:500;transition:background-color .2s ease,color .2s ease;cursor:pointer;border:none;width:100%;background:transparent;font-size:1rem;text-align:left}.sidebar-link:hover{background-color:#000000c2;color:#fff}.router-link-exact-active{background-color:#000;color:#fff;font-weight:600}.icon{width:24px;height:24px}.sidebar-footer{padding:20px;border-top:1px solid #e9ecef}.user-email{color:#6c757d;font-size:.875rem;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;margin:0;padding:12px 16px}.file-config-content{flex-grow:1;height:100vh;overflow-y:auto;padding:1rem;background-color:#fff}body{margin:0;padding:0;width:100vw;height:100vh}.csv-container{width:100%;height:100%;background:url(../assets/bgb.jpeg) no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center}.csv-card{width:90%;height:90%;padding:2rem;background:#bc6b246a;border-radius:22px;box-shadow:0 8px 25px #0000004d;text-align:center;color:#fff;overflow:scroll}.title{color:#000;font-size:2rem;margin-bottom:1.5rem;letter-spacing:1px}.csv-table{width:100%;border-collapse:collapse;margin:1rem 0}.csv-table th,.csv-table td{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2)}.csv-table th{font-weight:700;background:#0000004d}