:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.login-card h1{font-size:1.75rem;text-align:center;margin-bottom:.5rem;color:var(--gray-900)}.login-card .subtitle{text-align:center;color:var(--gray-600);margin-bottom:2rem;font-size:1rem}@media(min-width:768px){.login-card{padding:3rem}.login-card h1{font-size:2rem}}.db-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh;background:var(--gray-50)}.db-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.db-header-left{display:flex;align-items:center;gap:.75rem}.db-logo{font-size:2rem;line-height:1}.db-title{font-size:1.4rem;font-weight:800;color:var(--gray-900);line-height:1.1}.db-subtitle{font-size:.85rem;color:var(--gray-500);margin-top:.1rem}.btn-logout{background:var(--danger-color);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s;white-space:nowrap}.btn-logout:hover{background:#b91c1c}.db-nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;margin-bottom:1.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.db-nav::-webkit-scrollbar{display:none}.db-nav-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .9rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:600;transition:transform .15s,box-shadow .15s;white-space:nowrap;flex-shrink:0;color:#fff}.db-nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.db-nav-icon{font-size:1.25rem}.db-nav-label{font-size:.7rem;letter-spacing:.01em}.nb-add{background:#16a34a}.nb-add:hover{background:#15803d}.nb-out{background:#d97706}.nb-out:hover{background:#b45309}.nb-view{background:var(--primary-color)}.nb-view:hover{background:#1d4ed8}.nb-logs{background:#7c3aed}.nb-logs:hover{background:#6d28d9}.nb-install{background:#0891b2}.nb-install:hover{background:#0e7490}.nb-customer{background:#db2777}.nb-customer:hover{background:#be185d}.nb-users{background:#0f766e}.nb-users:hover{background:#0d9488}.db-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem;color:var(--gray-500)}.db-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.db-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.db-kpi-card{background:#fff;border-radius:.875rem;padding:1.1rem 1.25rem;box-shadow:0 1px 4px #00000012;display:flex;align-items:center;gap:1rem;transition:box-shadow .2s}.db-kpi-card:hover{box-shadow:0 4px 12px #0000001a}.db-kpi-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.db-kpi-body{min-width:0}.db-kpi-label{font-size:.72rem;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.db-kpi-value{font-size:1.9rem;font-weight:800;line-height:1}.db-charts-row{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.db-chart-card{background:#fff;border-radius:.875rem;padding:1.25rem;box-shadow:0 1px 4px #00000012}.db-chart-title{font-size:.9rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.db-chart-empty{display:flex;align-items:center;justify-content:center;height:180px;color:var(--gray-400);font-size:.875rem}.chart-tooltip{background:#fff;border:1px solid var(--gray-200);border-radius:.5rem;padding:.6rem .9rem;box-shadow:0 4px 12px #0000001a}.chart-tooltip-label{font-size:.8rem;color:var(--gray-500);margin-bottom:.2rem}.chart-tooltip-value{font-size:1rem;font-weight:700;color:var(--gray-900)}.db-activity-list{display:flex;flex-direction:column;gap:0}.db-activity-row{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.15rem .75rem;padding:.7rem 0;border-bottom:1px solid var(--gray-100)}.db-activity-row:last-child{border-bottom:none}.db-activity-serial{font-size:.78rem;font-weight:700;color:var(--gray-800);font-family:monospace}.db-activity-product{font-size:.78rem;color:var(--gray-600);text-align:right}.db-activity-type{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.db-activity-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.db-activity-user{font-size:.72rem;color:var(--gray-500);font-weight:600}.db-activity-date{font-size:.72rem;color:var(--gray-400)}.badge{display:inline-block;padding:.18rem .55rem;border-radius:9999px;font-size:.68rem;font-weight:700}.badge-in{background:#dcfce7;color:#166534}.badge-out{background:#fee2e2;color:#991b1b}.badge-return{background:#e0f2fe;color:#0369a1}.badge-sale{background:#dbeafe;color:#1e40af}.badge-loan{background:#fef3c7;color:#92400e}@media(min-width:640px){.db-kpi-grid{grid-template-columns:repeat(4,1fr)}.db-activity-row{grid-template-columns:auto 1fr auto auto;grid-template-rows:auto;align-items:center}.db-activity-product{text-align:left}.db-activity-meta{justify-content:flex-end}}@media(min-width:900px){.db-container{padding:1.5rem 2rem}.db-charts-row{flex-direction:row}.db-chart-wide{flex:2}.db-chart-narrow{flex:1;min-width:0}}@media(min-width:1100px){.db-container{padding:2rem}.db-title{font-size:1.6rem}}.scanner-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.scanner-modal{background:#fff;border-radius:1rem;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200)}.scanner-header h3{margin:0;font-size:1.1rem;color:var(--gray-900)}.scanner-close-btn{background:none;border:1.5px solid var(--gray-300);border-radius:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--gray-600);transition:all .2s}.scanner-close-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.scanner-body{padding:1rem}.scanner-viewport{position:relative;width:100%;border-radius:.5rem;overflow:hidden;background:#000;aspect-ratio:4 / 3}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:40%;border:2px solid rgba(255,255,255,.6);border-radius:.5rem;pointer-events:none;box-shadow:0 0 0 9999px #00000040}.scanner-hint{text-align:center;color:var(--gray-600);font-size:.85rem;margin-top:.75rem}.scanner-error{padding:2rem 1.25rem;text-align:center}.scanner-error p{color:var(--danger-color);margin-bottom:1rem;font-size:.95rem}.page-container>.card{max-width:var(--container-narrow);margin-left:auto;margin-right:auto}.btn-camera{width:100%;padding:1rem;background:var(--gray-200);color:var(--gray-600);border:2px dashed var(--gray-400);border-radius:.75rem;font-size:1rem;cursor:not-allowed;margin-bottom:.75rem}.btn-camera:not(:disabled){background:var(--primary-color);color:#fff;border-style:solid;border-color:var(--primary-color);cursor:pointer}.btn-camera:not(:disabled):hover{background:#1d4ed8;border-color:#1d4ed8}.checkbox-group{display:flex;align-items:center;padding:.5rem 0}.checkbox-group label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox]{width:1.15rem;height:1.15rem;margin-right:.5rem;cursor:pointer}.checkbox-group span{font-size:.95rem;font-weight:500}.form-group textarea{width:100%;padding:.7rem .75rem;border:1.5px solid var(--gray-300);border-radius:.5rem;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filters-section{background:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000014}.filters-section .form-group{margin-bottom:1rem}.filters-section .form-group label{display:block;font-weight:600;color:var(--gray-800);margin-bottom:.5rem;font-size:.9rem}.filters-section input[type=text],.filters-section select{width:100%;padding:.7rem .75rem;border:1.5px solid var(--gray-300);border-radius:.5rem;font-size:.95rem}.filters-section input[type=text]:focus,.filters-section select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filters-row{display:grid;grid-template-columns:1fr;gap:1rem}.loading{text-align:center;padding:3rem;color:var(--gray-600);font-size:1.1rem}.products-grid{display:grid;grid-template-columns:1fr;gap:1rem}.product-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #00000014;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-badge.status-0{background:#dcfce7;color:var(--success-color)}.status-badge.status-1{background:var(--gray-200);color:var(--gray-700)}.status-badge.status-2{background:#fee2e2;color:var(--danger-color)}.status-badge.status-3{background:#f3f4f6;color:#4b5563}.product-type{color:var(--gray-600);font-size:.875rem;font-weight:500}.product-body p{margin-bottom:.5rem;color:var(--gray-700)}.product-body strong{color:var(--gray-900)}.product-info-line{font-size:.95rem}.serial-number{font-size:1.1rem;font-weight:600}.damage-note{margin-top:.75rem;padding:.75rem;background:#fee2e2;border-left:3px solid var(--danger-color);border-radius:.5rem;font-size:.9rem}.last-movement{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.last-movement .movement-label{margin-bottom:.25rem;font-size:.875rem}.last-movement .movement-info{color:var(--gray-600);font-size:.875rem;font-style:italic}.btn-return{display:block;width:100%;margin-top:1rem;padding:.6rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-return:hover{background:#1d4ed8}.btn-return:disabled{background:#93c5fd;cursor:not-allowed}.btn-scrap{display:block;width:100%;margin-top:.5rem;padding:.6rem 1rem;background:#fff;color:#b91c1c;border:1.5px solid #fca5a5;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.btn-scrap:hover{background:#fee2e2;border-color:#ef4444}.scrap-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.scrap-modal{background:#fff;border-radius:1rem;padding:1.75rem;width:100%;max-width:420px;box-shadow:0 20px 40px #0003}.scrap-modal h3{font-size:1.1rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.scrap-modal-subtitle{color:var(--gray-600);font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.scrap-modal .form-group{margin-bottom:1rem}.scrap-modal .form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.4rem}.scrap-modal .form-group textarea{width:100%;padding:.6rem .75rem;border:1.5px solid var(--gray-300);border-radius:.5rem;font-size:.9rem;resize:vertical;box-sizing:border-box}.scrap-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.btn-scrap-confirm{padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;background:var(--danger-color);color:#fff;transition:background .15s}.btn-scrap-confirm:hover{background:#b91c1c}.btn-scrap-confirm:disabled{background:#fca5a5;cursor:not-allowed}.products-pills{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.filter-pill{padding:.35rem .9rem;border:1.5px solid var(--gray-300);border-radius:9999px;background:#fff;color:var(--gray-600);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.products-count{font-size:.85rem;color:var(--gray-500);margin-bottom:.75rem}@media(min-width:640px){.filters-row{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.logs-filter-section{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:.75rem}.logs-search-row{display:flex;gap:.5rem}.logs-search-input{flex:1;padding:.7rem .85rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.95rem;outline:none;transition:border-color .15s}.logs-search-input:focus{border-color:var(--primary-color)}.btn-date-toggle{width:2.8rem;height:2.8rem;border:2px solid var(--gray-200);background:#fff;border-radius:.5rem;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.btn-date-toggle.active{border-color:var(--primary-color);background:#eff6ff}.logs-movement-filters{display:flex;gap:.4rem;flex-wrap:wrap}.filter-pill{padding:.4rem .85rem;border:1.5px solid var(--gray-300);background:#fff;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .15s;white-space:nowrap}.filter-pill:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.logs-date-filter{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:.5rem}.date-inputs{display:flex;gap:.75rem}.date-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.date-field label{font-size:.8rem;font-weight:600;color:var(--gray-600)}.date-field input[type=date]{padding:.55rem .6rem;border:1.5px solid var(--gray-300);border-radius:.375rem;font-size:.9rem;outline:none;width:100%;box-sizing:border-box}.date-field input[type=date]:focus{border-color:var(--primary-color)}.date-actions{display:flex;gap:.5rem}.btn-date-apply{flex:1;padding:.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.375rem;font-weight:600;font-size:.85rem;cursor:pointer}.btn-date-clear{flex:1;padding:.5rem;background:#fff;color:var(--gray-600);border:1.5px solid var(--gray-300);border-radius:.375rem;font-weight:600;font-size:.85rem;cursor:pointer}.btn-clear-all{padding:.45rem .75rem;background:none;border:none;color:var(--danger-color);font-size:.85rem;font-weight:600;cursor:pointer;align-self:flex-start}.btn-clear-all:hover{text-decoration:underline}.logs-table-container{display:none;background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #00000014;overflow-x:auto}.logs-table{width:100%;border-collapse:collapse;font-size:.875rem}.logs-table thead{background:var(--gray-50)}.logs-table th{padding:.85rem .6rem;text-align:left;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200);white-space:nowrap}.logs-table td{padding:.85rem .6rem;border-bottom:1px solid var(--gray-200);color:var(--gray-700)}.logs-table tbody tr:hover{background:var(--gray-50)}.date-cell{font-size:.8rem;color:var(--gray-600);white-space:nowrap}.serial-cell{font-weight:600;color:var(--gray-900)}.user-cell{font-weight:500;color:var(--primary-color)}.note-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movement-badge{display:inline-block;padding:.2rem .6rem;border-radius:9999px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge-added{background:#dcfce7;color:var(--success-color)}.badge-out{background:#fee2e2;color:var(--danger-color)}.badge-damaged{background:#fed7aa;color:var(--warning-color)}.badge-return{background:#dbeafe;color:#2563eb}.batch-badge{display:inline-block;margin-left:.35rem;padding:.1rem .45rem;border-radius:9999px;font-size:.7rem;font-weight:700;background:#fef3c7;color:#92400e;vertical-align:middle}.log-badges{display:flex;align-items:center;gap:.35rem}.exit-badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.exit-sale{background:#fee2e2;color:#dc2626}.exit-loan{background:#fef9c3;color:#ca8a04}.logs-cards{display:grid;grid-template-columns:1fr;gap:1rem}.log-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #00000014}.log-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.log-date{font-size:.875rem;color:var(--gray-600)}.log-card-body{display:flex;flex-direction:column;gap:.6rem}.log-info-row{display:flex;justify-content:space-between;align-items:start;gap:1rem}.log-info-row strong{color:var(--gray-700);font-size:.875rem;min-width:80px}.log-info-row span{color:var(--gray-900);text-align:right;flex:1;word-break:break-word}.logs-footer{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;text-align:center;color:var(--gray-600);font-size:.875rem;box-shadow:0 1px 3px #00000014}@media(min-width:768px){.logs-table-container{display:block}.logs-cards{display:none}}@media(min-width:1024px){.logs-table{font-size:.925rem}.logs-table th,.logs-table td{padding:1rem .75rem}.note-cell{max-width:250px}}.installations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.user-info{color:var(--gray-700);font-weight:500}.action-bar{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.action-bar .btn-action{flex:1;min-width:180px;padding:1rem 1.25rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#fff;text-align:center}.btn-stock-out{background:var(--primary-color)}.btn-stock-out:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-batch-out{background:#ea580c}.btn-batch-out:hover{background:#c2410c;transform:translateY(-2px);box-shadow:0 4px 12px #ea580c4d}.filters-section{background:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:.75rem}.inst-search-input{width:100%;padding:.7rem .85rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.95rem;outline:none;transition:border-color .15s;box-sizing:border-box}.inst-search-input:focus{border-color:var(--primary-color)}.inst-search-info{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--gray-600)}.btn-clear-search{background:none;border:none;color:var(--danger-color);font-weight:600;font-size:.85rem;cursor:pointer;padding:0}.btn-clear-search:hover{text-decoration:underline}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.25rem;border:2px solid var(--gray-300);background:#fff;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.installations-grid{display:grid;grid-template-columns:1fr;gap:1rem}.installation-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s}.installation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.installation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.status-pending{background:#fef3c7;color:#92400e}.status-completed{background:#dcfce7;color:var(--success-color)}.installation-date{font-size:.875rem;color:var(--gray-600)}.installation-body{margin-bottom:1rem}.installation-body .product-info{margin-bottom:.5rem;color:var(--gray-700)}.installation-footer{display:flex;justify-content:flex-end}.view-detail{color:var(--primary-color);font-weight:600;font-size:.9rem}.btn-installation{background:#8b5cf6}.btn-installation:hover{background:#7c3aed}@media(min-width:640px){.installations-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.installations-grid{grid-template-columns:repeat(3,1fr)}}.detail-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-200)}.detail-section:last-child{border-bottom:none}.detail-section h3{margin-bottom:1rem;color:var(--gray-800)}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item strong{color:var(--gray-600);font-size:.875rem;font-weight:600}.detail-item span{color:var(--gray-900);font-size:1rem}.detail-item-full{grid-column:1 / -1}.text-warning{color:#f59e0b!important;font-weight:600}.text-success{color:var(--success-color)!important;font-weight:600}.help-text{color:var(--gray-600);font-size:.95rem;margin-bottom:1.5rem}.photo-upload-form{display:flex;flex-direction:column;gap:1.5rem}.photo-upload-grid{display:grid;grid-template-columns:1fr;gap:1rem}.photo-upload-item{position:relative}.photo-upload-label{display:block;cursor:pointer;border:2px dashed var(--gray-300);border-radius:.75rem;overflow:hidden;transition:border-color .2s;aspect-ratio:4 / 3}.photo-upload-label:hover{border-color:var(--primary-color)}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--gray-50);gap:.5rem}.photo-placeholder span:first-child{font-size:3rem}.photo-placeholder span:last-child{color:var(--gray-600);font-weight:500}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-input{display:none}.photo-display-grid{display:grid;grid-template-columns:1fr;gap:1rem}.photo-display-item{border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.photo-display-item img{width:100%;height:auto;display:block}.return-section{text-align:center}.btn-return{width:100%;padding:.85rem 1.5rem;background:#fff;color:var(--danger-color);border:2px solid var(--danger-color);border-radius:.625rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .15s}.btn-return:hover:not(:disabled){background:var(--danger-color);color:#fff}.btn-return:disabled{opacity:.6;cursor:not-allowed}.confirm-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-modal{background:#fff;border-radius:1rem;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d}.confirm-modal h3{margin:0 0 1rem;color:var(--gray-900)}.confirm-modal p{margin:0 0 .75rem;color:var(--gray-700);line-height:1.5}.confirm-warning{color:var(--danger-color)!important;font-size:.9rem;font-weight:500}.confirm-actions{display:flex;gap:.75rem;margin-top:1.25rem}.btn-confirm-cancel{flex:1;padding:.75rem;border:2px solid var(--gray-300);background:#fff;border-radius:.625rem;font-weight:600;font-size:.95rem;cursor:pointer;color:var(--gray-700)}.btn-confirm-return{flex:1;padding:.75rem;border:none;background:var(--danger-color);color:#fff;border-radius:.625rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s}.btn-confirm-return:hover:not(:disabled){background:#dc2626}.btn-confirm-return:disabled{opacity:.6;cursor:not-allowed}@media(min-width:480px){.photo-upload-grid,.photo-display-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:640px){.detail-grid{grid-template-columns:repeat(2,1fr)}.photo-upload-grid,.photo-display-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.detail-grid{grid-template-columns:repeat(3,1fr)}}.psm-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:480px){.psm-overlay{align-items:center;padding:1rem}}.psm-modal{background:#fff;border-radius:1rem 1rem 0 0;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 -4px 30px #0003}@media(min-width:480px){.psm-modal{border-radius:1rem;max-width:480px;max-height:80vh;box-shadow:0 20px 60px #0000004d}}.psm-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .5rem;flex-shrink:0}.psm-header h3{margin:0;font-size:1.1rem;color:var(--gray-900)}.psm-close-btn{background:none;border:1.5px solid var(--gray-300);border-radius:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--gray-600)}.psm-info{padding:0 1.25rem .75rem;margin:0;font-size:.85rem;color:var(--gray-600);line-height:1.4;flex-shrink:0}.psm-quick-add{padding:0 1.25rem .75rem;flex-shrink:0}.psm-quick-add-row{display:flex;gap:.5rem}.psm-serial-input{flex:1;padding:.65rem .75rem;border:2px solid var(--gray-300);border-radius:.5rem;font-size:.95rem;outline:none;transition:border-color .15s}.psm-serial-input:focus{border-color:var(--primary-color)}.psm-btn-quick-add{padding:.65rem 1rem;background:var(--success-color);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background .15s}.psm-btn-quick-add:hover{background:#059669}.psm-serial-error{color:var(--danger-color);font-size:.8rem;margin:.35rem 0 0}.psm-serial-success{color:var(--success-color);font-size:.8rem;margin:.35rem 0 0;font-weight:600}.psm-added-summary{padding:.5rem 1.25rem;margin:0 1.25rem .75rem;background:#f0fdf4;border-radius:.5rem;font-size:.85rem;color:#166534}.psm-selected-summary{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.25rem .75rem;flex-shrink:0}.psm-selected-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#dbeafe;color:#1e40af;border-radius:1rem;font-size:.8rem;font-weight:600}.psm-tag-remove{background:none;border:none;color:#1e40af;font-size:.75rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.psm-tag-remove:hover{opacity:1}.psm-filter-section{padding:0 1.25rem .5rem;flex-shrink:0}.psm-filter-input{width:100%;padding:.55rem .75rem;border:1.5px solid var(--gray-200);border-radius:.5rem;font-size:.85rem;outline:none;transition:border-color .15s;box-sizing:border-box}.psm-filter-input:focus{border-color:var(--primary-color)}.psm-list{flex:1;overflow-y:auto;padding:0 1rem .5rem;min-height:80px}.psm-list-hint{text-align:center;color:var(--gray-500);font-size:.85rem;padding:1.5rem .5rem;line-height:1.4}.psm-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid var(--gray-200);border-radius:.625rem;margin-bottom:.4rem;cursor:pointer;transition:all .15s}.psm-item:hover,.psm-item-selected{border-color:var(--primary-color);background:#eff6ff}.psm-item-disabled{opacity:.5;cursor:not-allowed;background:var(--gray-100)}.psm-item-disabled:hover{border-color:var(--gray-200);background:var(--gray-100)}.psm-check{flex-shrink:0}.psm-checkbox,.psm-radio{display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border:2px solid var(--gray-400);font-size:.8rem;font-weight:700;color:#fff;transition:all .15s}.psm-checkbox{border-radius:.3rem}.psm-radio{border-radius:50%;font-size:.55rem}.psm-checkbox.checked,.psm-radio.checked{background:var(--primary-color);border-color:var(--primary-color)}.psm-checkbox.disabled{background:var(--gray-400);border-color:var(--gray-400)}.psm-item-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.psm-serial{font-weight:700;color:var(--gray-900);font-size:.9rem}.psm-detail{font-size:.78rem;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psm-in-cart-badge{font-size:.7rem;padding:.15rem .5rem;background:var(--gray-200);color:var(--gray-600);border-radius:1rem;font-weight:600;flex-shrink:0}.psm-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--gray-200);flex-shrink:0}.psm-btn-cancel{flex:1;padding:.75rem;border:2px solid var(--gray-300);background:#fff;border-radius:.625rem;font-weight:600;font-size:.95rem;cursor:pointer;color:var(--gray-700)}.psm-btn-confirm{flex:2;padding:.75rem;border:none;background:var(--primary-color);color:#fff;border-radius:.625rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s}.psm-btn-confirm:disabled{background:var(--gray-400);cursor:not-allowed}.psm-btn-confirm:not(:disabled):hover{background:#1d4ed8}.cs-wrapper{position:relative}.cs-input{width:100%;padding:.7rem .85rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.95rem;outline:none;transition:border-color .15s;box-sizing:border-box}.cs-input:focus{border-color:var(--primary-color)}.cs-loading{padding:.5rem 0;color:var(--gray-500);font-size:.85rem}.cs-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--gray-200);border-radius:.5rem;margin-top:.25rem;max-height:220px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #0000001a}.cs-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;cursor:pointer;transition:background .1s;gap:.5rem}.cs-item:hover{background:var(--gray-50)}.cs-item+.cs-item{border-top:1px solid var(--gray-100)}.cs-item-name{font-weight:600;color:var(--gray-800);font-size:.9rem}.cs-item-phone{font-size:.8rem;color:var(--gray-500);flex-shrink:0}.cs-no-result{padding:.75rem .85rem;color:var(--gray-500);font-size:.85rem;text-align:center}.cs-selected{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border:2px solid var(--primary-color);border-radius:.5rem;gap:.75rem}.cs-selected-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.cs-selected-name{font-weight:700;color:var(--gray-900);font-size:.95rem}.cs-selected-phone{font-size:.8rem;color:var(--gray-600)}.cs-selected-address{font-size:.78rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-btn-clear{flex-shrink:0;padding:.35rem .75rem;background:none;border:1.5px solid var(--gray-300);color:var(--gray-600);border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.cs-btn-clear:hover{border-color:var(--primary-color);color:var(--primary-color)}.batch-card{max-width:var(--container-narrow);margin-left:auto;margin-right:auto}.btn-camera{width:100%;padding:.85rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-camera:hover{background:#1d4ed8}.search-group{display:flex;gap:.5rem}.search-group input{flex:1;padding:.7rem .85rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.95rem;outline:none;transition:border-color .15s;min-width:0}.search-group input:focus{border-color:var(--primary-color)}.btn-search{padding:.7rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.btn-search:hover:not(:disabled){background:#1d4ed8}.btn-search:disabled{opacity:.6;cursor:not-allowed}.cart-section{margin-top:1.5rem;border-top:2px solid var(--gray-200);padding-top:1.25rem}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-header h4{margin:0;color:var(--gray-800)}.btn-clear-cart{padding:.35rem .75rem;background:none;border:1.5px solid var(--danger-color);color:var(--danger-color);border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear-cart:hover{background:var(--danger-color);color:#fff}.cart-list{display:flex;flex-direction:column;gap:.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:.5rem;gap:.75rem}.cart-item-info{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.cart-serial{font-weight:700;color:var(--gray-900);font-size:.95rem}.cart-detail{font-size:.8rem;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-remove-item{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--gray-300);border-radius:.375rem;color:var(--danger-color);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-remove-item:hover{background:#fee2e2;border-color:var(--danger-color)}.empty-cart-text{text-align:center;color:var(--gray-500);font-size:.9rem;padding:1.5rem 0 .5rem}.btn-batch-submit{margin-top:.5rem;font-size:1rem;padding:.85rem 1.5rem}.cc-card{max-width:var(--container-narrow);margin-left:auto;margin-right:auto}.cl-search-row{margin-bottom:1rem}.cl-search-input{width:100%;padding:.7rem .9rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .15s}.cl-search-input:focus{border-color:var(--primary-color)}.cl-count{color:var(--gray-500);font-size:.85rem;margin-bottom:.75rem}.cl-table-container{display:none;overflow-x:auto;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #00000014}.cl-table{width:100%;border-collapse:collapse}.cl-table th{padding:.85rem 1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:2px solid var(--gray-100);font-weight:600}.cl-row{cursor:pointer;transition:background .12s}.cl-row:hover{background:var(--gray-50)}.cl-row td{padding:.85rem 1rem;border-bottom:1px solid var(--gray-100);font-size:.9rem}.cl-name{font-weight:600;color:var(--gray-900)}.cl-address{color:var(--gray-500);font-size:.82rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-action{color:var(--gray-400);font-size:1.2rem;text-align:right!important}.cl-cards{display:flex;flex-direction:column;gap:.6rem}.cl-card{background:#fff;border-radius:.75rem;padding:1rem 1.1rem;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.cl-card:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.cl-card-name{font-weight:700;color:var(--gray-900);font-size:.95rem;margin-bottom:.2rem}.cl-card-phone{color:var(--gray-600);font-size:.85rem}.cl-card-address{color:var(--gray-500);font-size:.78rem;margin-top:.15rem}@media(min-width:640px){.cl-table-container{display:block}.cl-cards{display:none}}.btn-sm{padding:.45rem .85rem;font-size:.85rem}.cd-info-card{margin-bottom:1.5rem}.cd-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.cd-full-name{font-size:1.3rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.cd-phone{color:var(--gray-600);font-size:.95rem}.cd-address{color:var(--gray-500);font-size:.85rem;margin-top:.2rem}.cd-stats{display:flex;gap:1rem;flex-wrap:wrap}.cd-stat{display:flex;flex-direction:column;align-items:center;min-width:56px}.cd-stat-num{font-size:1.5rem;font-weight:700;color:var(--gray-800);line-height:1}.cd-num-out{color:var(--warning-color)}.cd-num-loan{color:#7c3aed}.cd-num-returned{color:var(--success-color)}.cd-stat-label{font-size:.7rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em;margin-top:.2rem}.cd-section-title{font-size:1.05rem;font-weight:700;color:var(--gray-800);margin-bottom:.75rem}.cd-exit-badge{padding:.2rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:600}.cd-exit-sale{background:#dcfce7;color:#166534}.cd-exit-loan{background:#ede9fe;color:#5b21b6}.cd-status-badge{padding:.2rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.cd-status-stock{background:#dcfce7;color:#166534}.cd-status-out{background:#fef9c3;color:#854d0e}.cd-status-damaged{background:#fee2e2;color:#991b1b}.cd-table-container{display:none;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #00000014;overflow-x:auto}.cd-table{width:100%;border-collapse:collapse}.cd-table th{padding:.75rem .9rem;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:2px solid var(--gray-100);font-weight:600}.cd-table td{padding:.75rem .9rem;border-bottom:1px solid var(--gray-100);font-size:.88rem;color:var(--gray-700)}.cd-serial{font-weight:600;color:var(--gray-900);font-family:monospace;font-size:.85rem}.cd-date{white-space:nowrap;color:var(--gray-500);font-size:.82rem}.cd-note{color:var(--gray-500);font-size:.82rem;max-width:150px}.cd-product-cards{display:flex;flex-direction:column;gap:.6rem}.cd-product-card{background:#fff;border-radius:.75rem;padding:.9rem 1rem;box-shadow:0 1px 3px #00000014}.cd-product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cd-product-serial{font-family:monospace;font-weight:700;font-size:.9rem;color:var(--gray-900)}.cd-product-card-body p{font-size:.85rem;color:var(--gray-700);margin:.1rem 0}.cd-product-meta{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.cd-product-date{font-size:.78rem;color:var(--gray-500)}.cd-product-note{font-size:.8rem;color:var(--gray-500);margin-top:.3rem;font-style:italic}@media(min-width:640px){.cd-table-container{display:block}.cd-product-cards{display:none}}.um-add-card{margin-bottom:1.5rem;max-width:480px}.um-add-card h3{margin-bottom:1rem;font-size:1rem;color:var(--gray-800)}.um-section-title{font-size:1rem;font-weight:700;color:var(--gray-700);margin:1.25rem 0 .6rem;text-transform:uppercase;letter-spacing:.04em}.um-section-title-other{margin-top:2rem;color:var(--gray-500)}.um-user-list{display:flex;flex-direction:column;gap:.6rem}.um-user-card{background:#fff;border-radius:.75rem;padding:.9rem 1.1rem;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;transition:opacity .15s}.um-inactive{opacity:.65}.um-readonly{background:var(--gray-50)}.um-user-info{flex:1;min-width:0}.um-username{font-weight:700;font-size:.95rem;color:var(--gray-900);margin-bottom:.25rem}.um-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.um-status-badge{padding:.18rem .55rem;border-radius:9999px;font-size:.72rem;font-weight:700}.um-active{background:#dcfce7;color:#166534}.um-deactive{background:#fee2e2;color:#991b1b}.um-role-badge{padding:.18rem .55rem;border-radius:9999px;font-size:.72rem;font-weight:700;background:#dbeafe;color:#1e40af}.um-date{font-size:.75rem;color:var(--gray-400)}.um-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.btn-warning{padding:.35rem .75rem;font-size:.8rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;background:var(--warning-color);color:#fff;transition:background .15s}.btn-warning:hover{background:#d97706}.btn-success-sm{padding:.35rem .75rem;font-size:.8rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;background:var(--success-color);color:#fff;transition:background .15s}.btn-success-sm:hover{background:#15803d}.btn-secondary-sm{padding:.35rem .75rem;font-size:.8rem;font-weight:600;border:1.5px solid var(--gray-300);border-radius:.375rem;cursor:pointer;background:#fff;color:var(--gray-700);transition:all .15s}.btn-secondary-sm:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-danger-sm{padding:.35rem .75rem;font-size:.8rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;background:var(--danger-color);color:#fff;transition:background .15s}.btn-danger-sm:hover{background:#b91c1c}.um-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.um-modal{background:#fff;border-radius:1rem;padding:1.75rem;width:100%;max-width:400px;box-shadow:0 20px 40px #0003}.um-modal h3{font-size:1.1rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.um-modal-subtitle{color:var(--gray-600);font-size:.9rem;margin-bottom:1.25rem}.um-modal .form-group{margin-bottom:1rem}.um-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.btn-secondary{padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;border:1.5px solid var(--gray-300);border-radius:.5rem;cursor:pointer;background:#fff;color:var(--gray-700);transition:all .15s}.btn-secondary:hover{border-color:var(--gray-500)}.btn-danger{padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;background:var(--danger-color);color:#fff;transition:background .15s}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.btn-sm{padding:.45rem .9rem;font-size:.85rem}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--success-color: #16a34a;--danger-color: #dc2626;--warning-color: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--container-max: 1200px;--container-narrow: 480px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--gray-100);color:var(--gray-900);line-height:1.6}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--gray-600)}.page-container{max-width:var(--container-max);margin:0 auto;padding:1rem;min-height:100vh}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.btn-back{background:var(--gray-200);border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--gray-700);transition:background .2s;white-space:nowrap}.btn-back:hover{background:var(--gray-300)}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;margin-bottom:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.9rem;color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem .75rem;border:1.5px solid var(--gray-300);border-radius:.5rem;font-size:.95rem;font-family:inherit;transition:border-color .2s;background:#fff;color:var(--gray-900)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.btn-primary{width:100%;padding:.85rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fef2f2;color:var(--danger-color);padding:.85rem 1rem;border-radius:.5rem;margin-bottom:1rem;border-left:4px solid var(--danger-color);font-size:.9rem}.success-message{background:#f0fdf4;color:var(--success-color);padding:.85rem 1rem;border-radius:.5rem;margin-bottom:1rem;border-left:4px solid var(--success-color);font-size:.9rem}.divider{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:var(--gray-600)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--gray-300)}.divider span{padding:0 1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.loading{text-align:center;padding:3rem;color:var(--gray-600);font-size:1rem}.empty-state{text-align:center;padding:3rem;color:var(--gray-600)}@media(min-width:768px){.page-container{padding:1.5rem 2rem}.page-header h1{font-size:1.75rem}.card{padding:2rem}}@media(min-width:1024px){.page-container{padding:2rem}}