:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.welcome-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#f7f8fa}.welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-icon{margin-bottom:32px}.welcome-title{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:10px}.welcome-desc{color:#6b7280;font-size:1rem;text-align:center;line-height:1.5;max-width:320px}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#fff}.login-box{width:350px;background:#fff;border-radius:8px;box-shadow:0 2px 16px #0000000a;padding:40px 32px 32px;display:flex;flex-direction:column;align-items:center}.login-title{font-size:2rem;font-weight:700;margin-bottom:8px;color:#222;letter-spacing:1px}.login-subtitle{color:#6b7280;font-size:1rem;margin-bottom:24px}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.login-label{font-size:.95rem;color:#374151;margin-bottom:2px}.login-input-wrapper{display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:0 10px;margin-bottom:8px}.login-icon{font-size:1.1rem;color:#9ca3af;margin-right:6px}.login-input{border:none;background:transparent;outline:none;padding:12px 0;width:100%;font-size:1rem;color:#222}.login-button{margin-top:8px;width:100%;background:#2563eb;color:#fff;font-weight:600;border:none;border-radius:6px;padding:12px 0;font-size:1rem;cursor:pointer;transition:background .2s}.login-button:hover{background:#1d4ed8}.login-forgot{display:block;margin-top:16px;color:#2563eb;font-size:.97rem;text-align:center;text-decoration:none}.login-forgot:hover{text-decoration:underline}body,#root{background:#f3f4f6;min-height:100vh}.home-navbar{display:flex;align-items:center;padding:18px 32px;border-bottom:1px solid #f3f4f6;background:#fff;width:100vw;box-sizing:border-box;position:sticky;top:0;z-index:10}.home-logo{display:flex;align-items:center;font-weight:700;font-size:22px;color:#080808}.home-search{width:180px;border-radius:8px;font-size:15px;padding:8px 12px;border:1px solid #d1d5db;outline:none;margin-right:8px}.home-user-icon{margin-left:16px}.home-main{max-width:1200px;margin:32px auto 0;padding:0 24px;width:100%;box-sizing:border-box}.home-header-row{display:flex;align-items:center;margin-bottom:18px}.home-add-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 22px;font-weight:600;font-size:16px;margin-right:18px;cursor:pointer;transition:background .2s}.home-add-btn:hover{background:#1d4ed8}.home-sort-select{padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;font-size:15px;background:#f9fafb;color:#111827}.home-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000008;overflow:hidden;width:100%}.home-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff}.home-table thead{background:#f9fafb;text-align:left}.home-table th,.home-table td{padding:14px 16px;color:#222}.home-table tbody tr{border-top:1px solid #f3f4f6}.home-table tbody tr:first-child{border-top:none}.home-status-badge{padding:2px 10px;border-radius:12px;font-size:13px;font-weight:500;display:inline-block}.home-status-available{background:#d1fae5;color:#059669}.home-status-issued{background:#fef3c7;color:#b45309}.home-status-overdue{background:#fee2e2;color:#dc2626}.home-actions{display:flex;gap:12px}.home-action-btn{cursor:pointer;background:none;border:none;padding:0;display:inline-flex;align-items:center}.home-pagination{display:flex;align-items:center;margin-top:16px;color:#6b7280;font-size:14px}.home-pagination-btn{border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:4px 10px;margin-right:4px;cursor:pointer;transition:background .2s}.home-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.home-pagination-btn.active{background:#2563eb;color:#fff;font-weight:600}.home-factor-input-container{position:relative;width:672px;height:42px;display:inline-block;vertical-align:middle}.home-factor-input{position:absolute;left:16px;right:0;top:-2px;width:calc(100% - 16px);height:100%;border:none;outline:none;background:transparent;font-size:18px;padding:0 24px;color:#111827;z-index:1;border-radius:8px;font-family:inherit;font-weight:400;box-sizing:border-box}.home-user-icon-btn{background:none;border:none;cursor:pointer;padding:2px 4px;width:28px;height:28px;min-width:0;min-height:0;margin-right:16px;margin-left:16px}@media (max-width: 1300px){.home-main{max-width:100vw;padding:0 8px}}@media (max-width: 900px){.home-main{padding:0 2px}.home-table th,.home-table td{padding:14px 16px;font-size:13px;color:#222}.home-add-btn{padding:10px 13px;font-size:13px;color:#222}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:0 24px 20px}.modal-body p{margin:0 0 12px;color:#374151;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.required{color:#dc2626;font-weight:700}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder{color:#9ca3af}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px;border-top:1px solid #e5e7eb;margin-top:20px}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.delete-modal .modal-content{max-width:400px}.delete-modal .modal-body{text-align:center;padding:20px 24px}.delete-modal .modal-body p{font-size:16px;margin-bottom:16px}.delete-modal .modal-body strong{color:#111827}@media (max-width: 600px){.modal-overlay{padding:10px}.modal-content{max-width:100%}.modal-header,.modal-body,.modal-actions{padding-left:16px;padding-right:16px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger{width:100%}}.app-split-layout{display:flex;height:100vh;width:100vw;margin:0;padding:0}.app-left{width:50vw;background:#f7f8fa;display:flex;align-items:center;justify-content:center}.app-right{width:50vw;background:#fff;display:flex;align-items:center;justify-content:center}#root{max-width:none;margin:0;padding:0;text-align:initial}.logo,.card,.read-the-docs{display:none}