:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:inherit;background-color:#f5f5f5}#root{min-height:100vh}a{font-weight:500;color:#0174c3;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#333;font-weight:600}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f8f9fa;color:#495057;cursor:pointer;transition:all .15s ease-in-out}button:hover{background-color:#e9ecef}button:focus,button:focus-visible{outline:2px solid #0174c3;outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%;max-width:100%}.tabs{display:flex;background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.tab{flex:1;padding:1rem 2rem;background:none;border:none;font-size:1rem;font-weight:500;color:#6c757d;cursor:pointer;transition:all .3s ease;position:relative}.tab:hover{background-color:#e9ecef;color:#495057}.tab.active{color:#007bff;background-color:#fff}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#007bff}.tab-content{padding:0}.dt-tab-dashboard{background-color:#fff;padding:2rem;width:100%}.dashboard-header{margin-bottom:2rem;padding:1.5rem .5rem 1rem;border-bottom:2px solid #e9ecef}.dashboard-header h2{margin:0 0 .5rem;color:#333;font-size:1.75rem;font-weight:600}.dashboard-subtitle{margin:0;color:#6c757d;font-size:.95rem}.employee-active-count{display:inline-block;font-size:.9rem;font-weight:500;color:#1a7f4b;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:12px;padding:2px 10px;margin-left:.75rem;vertical-align:middle}.datatable-wrapper{width:100%;max-width:100%}.datatable-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.datatable-wrapper table.data-table{width:100%!important;border-collapse:separate;border-spacing:0;font-size:.9rem}.datatable-wrapper table.data-table thead th{background:linear-gradient(180deg,#f8f9fa,#e9ecef);color:#495057;font-weight:600;padding:1rem .75rem;border-bottom:2px solid #dee2e6;text-align:left;white-space:nowrap;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.datatable-wrapper table.data-table thead th.sorting,.datatable-wrapper table.data-table thead th.sorting_asc,.datatable-wrapper table.data-table thead th.sorting_desc{transition:background-color .2s}.datatable-wrapper table.data-table thead th.sorting:hover,.datatable-wrapper table.data-table thead th.sorting_asc:hover,.datatable-wrapper table.data-table thead th.sorting_desc:hover{background:linear-gradient(180deg,#e9ecef,#dee2e6)}.datatable-wrapper table.data-table thead th.sorting:after,.datatable-wrapper table.data-table thead th.sorting_asc:after,.datatable-wrapper table.data-table thead th.sorting_desc:after{margin-left:.5rem;opacity:.5}.datatable-wrapper table.data-table thead th.sorting_asc:after{opacity:1;color:#0174c3}.datatable-wrapper table.data-table thead th.sorting_desc:after{opacity:1;color:#0174c3}.datatable-wrapper table.data-table tbody td{padding:.875rem .75rem;border-bottom:1px solid #f0f0f0;vertical-align:middle;color:#495057}.datatable-wrapper table.data-table tbody tr{transition:background-color .15s ease-in-out}.datatable-wrapper table.data-table tbody tr:hover{background-color:#f8f9fa}.datatable-wrapper table.data-table tbody tr:nth-child(2n){background-color:#fafbfc}.datatable-wrapper table.data-table tbody tr:nth-child(2n):hover{background-color:#f8f9fa}.dt-employee-id{font-weight:600;color:#0174c3!important;font-family:Courier New,monospace}.dt-name{font-weight:500;color:#333!important}.dt-email{color:#6c757d!important;font-size:.85rem}.dt-date{color:#495057!important;font-size:.85rem}.dt-centered{text-align:center!important}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-inactive{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.datatable-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:1rem}.datatable-top label{display:flex;align-items:center;gap:.5rem;color:#495057;font-weight:500;font-size:.9rem}.datatable-top select{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:6px;background-color:#fff;color:#495057;font-size:.9rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.datatable-top select:focus{outline:none;border-color:#0174c3;box-shadow:0 0 0 3px #0174c31a}.datatable-top input[type=search]{padding:.6rem 1rem;border:2px solid #ced4da;border-radius:6px;font-size:.9rem;min-width:250px;transition:border-color .2s,box-shadow .2s}.datatable-top input[type=search]:focus{outline:none;border-color:#0174c3;box-shadow:0 0 0 3px #0174c31a}.datatable-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:1rem}.dataTables_info{color:#6c757d;font-size:.9rem}.dataTables_paginate{display:flex;gap:.25rem}.dataTables_paginate .paginate_button{padding:.5rem .875rem;margin:0 2px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;color:#495057;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.dataTables_paginate .paginate_button:hover{background-color:#e9ecef;border-color:#adb5bd;color:#212529}.dataTables_paginate .paginate_button.current{background-color:#0174c3;color:#fff;border-color:#0174c3;font-weight:600}.dataTables_paginate .paginate_button.current:hover{background-color:#0056b3;border-color:#0056b3}.dataTables_paginate .paginate_button.disabled,.dataTables_paginate .paginate_button.disabled:hover{cursor:not-allowed;color:#6c757d;background-color:#fff;border-color:#dee2e6;opacity:.5}.dataTables_empty{padding:3rem 2rem;text-align:center;color:#6c757d;font-size:1rem}@media(max-width:768px){.dt-tab-dashboard{padding:1rem;border-radius:8px}.dashboard-header h2{font-size:1.5rem}.datatable-top,.datatable-bottom,.datatable-top label{flex-direction:column;align-items:stretch}.datatable-top-right .dataTables_filter label,.datatable-top-right .dt-search,.datatable-top-right .dt-search label{flex-direction:row;align-items:center}.datatable-top select,.datatable-top input[type=search]{width:100%;min-width:auto}.dataTables_paginate{justify-content:center;flex-wrap:wrap}.dataTables_paginate .paginate_button{padding:.4rem .6rem;font-size:.8rem;margin:2px}.datatable-wrapper table.data-table{font-size:.8rem}.datatable-wrapper table.data-table thead th,.datatable-wrapper table.data-table tbody td{padding:.6rem .4rem}}.dataTables_processing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffffff2;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;display:flex;flex-direction:column;align-items:center;gap:1rem}.dataTables_processing:before{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0174c3;border-radius:50%;animation:spin 1s linear infinite}.datatable-scroll::-webkit-scrollbar{height:8px}.datatable-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.datatable-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.datatable-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.dt-column-filters th{background:#f0f2f5;padding:.5rem;border-bottom:2px solid #dee2e6}.dt-column-filter-input{width:100%;padding:.4rem .6rem;border:1px solid #ced4da;border-radius:4px;font-size:.8rem;color:#495057;background-color:#fff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.dt-column-filter-input::placeholder{color:#adb5bd;font-style:italic}.dt-column-filter-input:focus{outline:none;border-color:#0174c3;box-shadow:0 0 0 2px #0174c326}.datatable-top-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.datatable-top-right .dataTables_filter,.datatable-top-right .dt-search{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin:0;white-space:nowrap}.datatable-top-right .dataTables_filter label,.datatable-top-right .dt-search label{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;margin:0;white-space:nowrap}.datatable-download{display:flex;align-items:center;flex-shrink:0}.btn-download-csv{padding:.5rem 1.25rem;background-color:#0174c3;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s,box-shadow .2s}.btn-download-csv:hover{background-color:#0056b3;box-shadow:0 2px 6px #0056b34d}.btn-download-csv:active{background-color:#004494}body{font-family:Arial,Helvetica,sans-serif}.login-logo{text-align:center;margin-bottom:1rem}*{box-sizing:border-box}.app{min-height:100vh;background-color:#f5f5f5}.app-header{background-color:#fff;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center}.header-logo{height:40px;margin-right:16px}.app-header h1{margin:0;color:#333;font-size:1.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.app-main{padding:2rem;margin:0 auto;width:95%}.btn-primary{background-color:#0174c3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:#0056b3}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-edit{background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.75rem;margin-right:.5rem;transition:background-color .2s}.btn-edit:hover{background-color:#218838}.btn-delete{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background-color .2s}.btn-delete:hover{background-color:#c82333}.error-banner{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner.small{font-size:.8rem}.loading-spinner.medium{font-size:1rem}.loading-spinner.large{font-size:1.2rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0174c3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.item-list{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.list-header{margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.list-header h2{margin:0;color:#333}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.item-lookup{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.lookup-header{margin-bottom:2rem;text-align:center}.lookup-header h2{margin:0 0 .5rem;color:#333}.lookup-header p{margin:0;color:#666;font-size:.9rem}.search-section{margin-bottom:2rem}.search-form{max-width:600px;margin:0 auto}.search-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.search-input{flex:1;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#0174c3;box-shadow:0 0 0 3px #007bff1a}.search-button{background-color:#0174c3;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s;white-space:nowrap}.search-button:hover:not(:disabled){background-color:#0056b3}.search-button:disabled{background-color:#ccc;cursor:not-allowed}.clear-button{background-color:#6c757d;color:#fff;border:none;padding:.875rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.clear-button:hover:not(:disabled){background-color:#545b62}.search-error{background-color:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:4px;border:1px solid #f5c6cb;text-align:center;font-size:.9rem}.loading-results{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#666}.spinner-small{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #0174c3;border-radius:50%;animation:spin 1s linear infinite}.search-results{min-height:200px}.results-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.results-header h3{margin:0 0 .25rem;color:#333}.results-header small{color:#666}.results-table{margin-top:1rem;overflow-x:auto}.customer-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;table-layout:fixed}.customer-table th{background-color:#f8f9fa;padding:1rem .75rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;word-wrap:break-word;overflow-wrap:break-word}.customer-table td{padding:.75rem;border-bottom:1px solid #dee2e6;vertical-align:middle;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.customer-row:hover{background-color:#f8f9fa}.customer-row:last-child td{border-bottom:none}.customer-id{font-weight:600;color:#6c757d;width:120px;min-width:120px}.customer-name{font-weight:500;color:#212529;min-width:150px}.customer-org{color:#495057;min-width:180px}.customer-email{color:#6c757d;min-width:200px}.customer-location{color:#6c757d;min-width:160px}.customer-phone{color:#6c757d;min-width:130px}.customer-terms{color:#6c757d;min-width:80px}.customer-actions{gap:.5rem;justify-content:end;min-width:120px}.result-card,.result-card:hover,.customer-card{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background-color:#fff;transition:box-shadow .2s}.result-card:hover,.customer-card:hover{box-shadow:0 4px 8px #0000001a}.result-header,.customer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.result-header h4,.customer-header h4{margin:0;color:#333;font-size:1.1rem}.customer-id{background-color:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.customer-info{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.info-section{display:flex;flex-direction:column;gap:.25rem}.info-section strong{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-section span{color:#333;font-size:.9rem}.customer-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #f0f0f0;padding-top:.75rem}.customer-dates{display:flex;flex-direction:column;gap:.25rem}.customer-dates small{color:#666;font-size:.7rem}.result-category{background-color:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.result-body{margin-bottom:1rem}.result-description{color:#666;margin:0 0 .75rem;line-height:1.4}.result-price{font-size:1.25rem;font-weight:600;color:#28a745}.result-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #f0f0f0;padding-top:.75rem}.result-dates{display:flex;flex-direction:column;gap:.25rem}.result-dates small{color:#666;font-size:.7rem}.result-actions{display:flex;gap:.5rem}.no-results{text-align:center;padding:3rem 2rem;color:#666}.no-results h3{margin:0 0 1rem;color:#333}.no-results p{margin:0 0 1rem}.no-results ul{text-align:left;display:inline-block;margin:0;padding-left:1.5rem}.no-results li{margin-bottom:.5rem}.search-prompt{text-align:center;padding:3rem 2rem;color:#666}.search-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.search-prompt h3{margin:0 0 1rem;color:#333}.search-prompt p{margin:0 0 2rem;font-size:1.1rem}.search-tips{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:left;display:inline-block;max-width:400px}.search-tips h4{margin:0 0 1rem;color:#333;font-size:1rem}.search-tips ul{margin:0;padding-left:1.5rem}.search-tips li{margin-bottom:.5rem;color:#555}.item-card{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background-color:#fff;transition:box-shadow .2s}.item-card:hover{box-shadow:0 4px 8px #0000001a}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.item-header h3{margin:0;color:#333;font-size:1.1rem}.item-category{background-color:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.item-body{margin-bottom:1rem}.item-description{color:#666;margin:0 0 .75rem;line-height:1.4}.item-price{font-size:1.25rem;font-weight:600;color:#28a745}.item-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #f0f0f0;padding-top:.75rem}.item-dates{display:flex;flex-direction:column;gap:.25rem}.item-dates small{color:#666;font-size:.7rem}.item-actions{display:flex;gap:.5rem}.no-items,.loading{text-align:center;padding:3rem;color:#666;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.item-form,.customer-form{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;max-width:800px;margin:0 auto}.item-form h2,.customer-form h2{margin:0 0 1.5rem;color:#333}.form-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.back-button{align-self:flex-start;background-color:transparent;color:#0174c3;border:none;padding:.5rem 0;font-size:.9rem;cursor:pointer;transition:color .2s;text-decoration:none;display:flex;align-items:center;gap:.25rem}.back-button:hover:not(:disabled){color:#0056b3;text-decoration:underline}.back-button:disabled{color:#ccc;cursor:not-allowed}.form-header h2{margin:0}.customer-id-display{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#495057;font-size:.875rem}.customer-id-display strong{color:#212529}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0174c3;box-shadow:0 0 0 2px #007bff40}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.form-actions button{padding:.75rem 1.5rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background-color .2s}.form-actions button[type=submit]{background-color:#0174c3;color:#fff}.form-actions button[type=submit]:hover{background-color:#0056b3}.form-actions button[type=button]{background-color:#6c757d;color:#fff}.form-actions button[type=button]:hover{background-color:#545b62}.form-actions button:disabled{background-color:#ccc;cursor:not-allowed}@media(max-width:768px){.app-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.app-main{padding:1rem}.items-grid,.results-grid{grid-template-columns:1fr}.results-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.customer-table{min-width:900px;font-size:.8rem}.customer-table th,.customer-table td{padding:.5rem .4rem}.customer-actions{flex-direction:column;gap:.25rem;min-width:80px}.customer-actions .btn-edit,.customer-actions .btn-delete{padding:.25rem .5rem;font-size:.75rem}.item-footer,.result-footer,.customer-footer{flex-direction:column;gap:1rem;align-items:flex-start}.item-actions,.result-actions,.customer-actions{align-self:stretch;justify-content:center}.form-actions{flex-direction:column-reverse}.search-input-group{flex-direction:column}.search-button,.clear-button{width:100%}.search-tips{width:100%;max-width:none}.form-row,.form-row.three-col{grid-template-columns:1fr;gap:0}.customer-info{grid-template-columns:1fr;gap:.5rem}.item-form,.customer-form{padding:1.5rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#083d77,#59c3c3);padding:1rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:3rem;max-width:450px;width:100%;text-align:center}.login-header h1{color:#333;margin:0 0 .5rem;font-size:1.8rem}.login-header p{color:#666;margin:0 0 2rem}.login-content{margin:2rem 0}.login-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.login-content h2{color:#333;margin:0 0 1rem;font-size:1.3rem}.login-content p{color:#666;line-height:1.6;margin:0 0 2rem}.login-button{background:linear-gradient(45deg,#083d77,#59c3c3);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0003}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.login-footer small{color:#888;line-height:1.4}.callback-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;padding:2rem}.callback-info{margin-top:2rem;text-align:center;color:#666}.user-profile{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(45deg,#083d77,#59c3c3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:600;color:#333;font-size:.875rem}.user-email{font-size:.75rem;color:#666}.logout-button{background-color:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.logout-button:hover:not(:disabled){background-color:#545b62}.logout-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.login-card{padding:2rem;margin:1rem}.login-header h1{font-size:1.5rem}.user-profile{flex-direction:column;gap:.5rem;padding:.75rem}.user-details{align-items:center}.logout-button{width:100%}}