@charset "UTF-8";*{box-sizing:border-box}:root{--primary-color:#007bff;--primary-hover:#0056b3;--primary-light:#e7f3ff;--primary-dark:#0056b3;--secondary-color:#6c757d;--secondary-light:#f8f9fa;--secondary-dark:#545b62;--success-color:#28a745;--success-light:#d4edda;--success-dark:#155724;--status-reservation:#f1c40f;--status-reservation-bg:#fef9e7;--status-reservation-text:#675407;--status-reservation-border:#f7dc6f;--status-borrowing-active:#e67e22;--status-borrowing-active-bg:#fdf2e9;--status-borrowing-active-text:#a04000;--status-borrowing-active-border:#f39c12;--status-borrowing-returned:#58d68d;--status-borrowing-returned-bg:#eafaf1;--status-borrowing-returned-text:#186a3b;--status-borrowing-returned-border:#82e0aa;--status-consumption:#e74c3c;--status-consumption-bg:#fdedec;--status-consumption-text:#922b21;--status-consumption-border:#f1948a;--status-refill:#5dade2;--status-refill-bg:#ebf5fb;--status-refill-text:#1b4f72;--status-refill-border:#85c1e9;--text-color:#333;--text-muted:#6c757d;--text-light:#f8f9fa;--body-bg:#fff;--form-bg:#fff;--input-bg:#fff;--input-focus-bg:#fff;--input-disabled-bg:#f5f5f5;--input-readonly-bg:#f8f9fa;--border-color:#ddd;--border-light:#e0e0e0;--border-dark:#adb5bd;--box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,.075);--box-shadow:0 0.5rem 1rem #00000026;--box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--placeholder-color:#999;--danger-color:#dc3545;--danger-light:#f8d7da;--danger-dark:#721c24;--warning-color:#ffc107;--warning-light:#fff3cd;--warning-dark:#856404;--info-color:#17a2b8;--info-light:#d1ecf1;--info-dark:#0c5460;--light-color:#f8f9fa;--dark-color:#343a40;--text-primary:#343a40;--text-secondary:#6c757d;--background-white:#fff;--background-light:#f8f9fa;--background-secondary:#f8f9fa;--background-tertiary:#e9ecef;--color-background-hover:#0000000d;--border-light:#dee2e6;--border-medium:#ced4da;--border-color:#e0e0e0;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:#007bff;--color-primary-dark:#0056b3;--color-text-primary:#343a40;--color-text-secondary:#6c757d;--color-success:#28a745;--color-success-light:#d4edda;--color-success-dark:#155724;--color-warning:#ffc107;--color-warning-light:#fff3cd;--color-warning-dark:#856404;--color-danger:#dc3545;--color-danger-light:#f8d7da;--color-danger-dark:#721c24;--color-info:#17a2b8;--color-info-light:#d1ecf1;--color-info-dark:#0c5460;--border-radius:0.375rem;--border-radius-sm:0.25rem;--border-radius-lg:0.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#343a40;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;line-height:1.5;margin:0}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}a{color:#007bff;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}button{border:1px solid #0000;border-radius:.375rem;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;padding:.375rem .75rem;transition:all .15s ease-in-out}button:hover{box-shadow:0 0 0 .2rem #007bff40;outline:0}input,select,textarea{border:1px solid #ced4da;border-radius:.375rem;font-family:inherit;font-size:inherit;line-height:inherit;padding:.375rem .75rem}input:focus,select:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.btn{font-size:.875rem;gap:.5rem;min-width:80px}.btn.btn-primary{background-color:#007bff}.btn.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn.btn-secondary{color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn.btn-danger{background-color:#dc3545;border:1px solid #dc3545}.btn.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.btn.btn-outline{background-color:#0000;border:1px solid #007bff;color:#007bff}.btn.btn-outline:hover:not(:disabled){background-color:#007bff;color:#fff}.btn.btn-sm{font-size:.75rem;min-width:auto;padding:.25rem .5rem}.form,.sloot-form{max-width:100%}.form h1,.form h2,.form h3,.form h4,.form h5,.form h6,.sloot-form h1,.sloot-form h2,.sloot-form h3,.sloot-form h4,.sloot-form h5,.sloot-form h6{color:#333;color:var(--text-color,#333);font-weight:600;margin-bottom:1.5rem;margin-top:0}.form h3,.sloot-form h3{font-size:1.25rem}.form-group{background-color:#eaf0f7;border:1px solid #cce4ff;border-radius:0 4px;margin-bottom:2rem;position:relative}.form-group label{color:#333;color:var(--text-color,#333);font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;padding-left:.5rem}.form-group label.required:after{color:#dc3545;color:var(--danger-color,#dc3545);content:" *";font-weight:700}.form-group label.optional:after{content:" (optional)";font-weight:400}.form-group .form-help,.form-group label.optional:after{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.85rem}.form-group .form-help{line-height:1.4;margin-top:.25rem}.form-group.has-error label{color:#dc3545;color:var(--danger-color,#dc3545)}.form-group.has-error .form-control{border-color:#dc3545;border-color:var(--danger-color,#dc3545);box-shadow:0 0 0 2px #dc354526}.form-group.has-error .form-error{display:block}.form-group.has-success .form-control{border-color:#28a745;border-color:var(--success-color,#28a745);box-shadow:0 0 0 2px #28a74526}.form-control,input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#ddd);border-radius:.375rem;border-radius:var(--border-radius,4px);box-sizing:border-box;color:#333;color:var(--text-color,#333);font-family:inherit;font-size:1rem;line-height:1.4;padding:.75rem;transition:all .2s ease;width:100%}.form-control:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;background-color:var(--input-focus-bg,#fff);border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.form-control:disabled,input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled{background-color:#f5f5f5;background-color:var(--input-disabled-bg,#f5f5f5);color:#6c757d;color:var(--text-muted,#6c757d);cursor:not-allowed;opacity:.6}.form-control:read-only,input[type=date]:read-only,input[type=datetime-local]:read-only,input[type=email]:read-only,input[type=number]:read-only,input[type=password]:read-only,input[type=search]:read-only,input[type=tel]:read-only,input[type=text]:read-only,input[type=time]:read-only,input[type=url]:read-only,select:read-only,textarea:read-only{background-color:#f8f9fa;background-color:var(--input-readonly-bg,#f8f9fa);cursor:default}.form-control::placeholder,input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:#999;color:var(--placeholder-color,#999);opacity:1}textarea.form-control{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}select.form-control:disabled{background-image:none}.form-control-sm{font-size:.875rem;padding:.5rem .75rem}.form-control-lg{font-size:1.125rem;padding:1rem 1.25rem}.color-input-group{align-items:center;display:flex;gap:.5rem}.color-input-group input[type=color]{background:none;border:1px solid #e0e0e0;border:1px solid var(--border-color,#ddd);border-radius:.375rem;border-radius:var(--border-radius,4px);cursor:pointer;height:40px;padding:0;width:50px}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-group input[type=color]::-webkit-color-swatch,.color-input-group input[type=color]::-webkit-color-swatch-wrapper{border:none;border-radius:calc(.375rem - 1px);border-radius:calc(var(--border-radius, 4px) - 1px)}.color-input-group .color-text-input{flex:1 1;max-width:120px}.color-preview{border:1px solid #e0e0e0;border:1px solid var(--border-color,#ddd);border-radius:.375rem;border-radius:var(--border-radius,4px);border-radius:40px;color:#fff;font-weight:600;justify-content:center;margin-top:.5rem;min-height:40px;padding:.75rem;text-align:center;text-shadow:1px 1px 2px #0000004d}.color-preview,.form-check{align-items:center;display:flex}.form-check{gap:.5rem;margin-bottom:.5rem;min-height:1.5rem}.form-check .form-check-input{cursor:pointer;margin:0;width:auto}.form-check .form-check-label{cursor:pointer;font-weight:400;margin:0}input[type=file]{line-height:1.5;padding:.375rem}input[type=file]:focus{box-shadow:0 0 0 2px #007bff40}.form-error{background-color:#fee;border:1px solid #fcc;border-radius:.375rem;border-radius:var(--border-radius,4px);color:#dc3545;color:var(--danger-color,#c66);font-size:.875rem;line-height:1.4;margin-top:.5rem;padding:.75rem}.form-error,.form-error.show{display:block}.form-success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:.375rem;border-radius:var(--border-radius,4px);color:#28a745;color:var(--success-color,#155724)}.form-success,.form-warning{font-size:.875rem;line-height:1.4;margin-top:.5rem;padding:.75rem}.form-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:.375rem;border-radius:var(--border-radius,4px);color:#ffc107;color:var(--warning-color,#856404)}.form-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--border-light,#e0e0e0);flex-wrap:wrap;gap:1rem;margin-top:2rem}.form-actions.form-actions--left{justify-content:flex-start}.form-actions.form-actions--center{justify-content:center}.form-actions.form-actions--between{justify-content:space-between}.form-actions.form-actions--around{justify-content:space-around}.form-actions.form-actions--no-border{border-top:none;padding-top:0}@media(max-width:480px){.form-actions{flex-direction:column-reverse}.form-actions .btn{margin:0;width:100%}}.form-inline{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.form-inline .form-group{flex:1 1;margin-bottom:0;min-width:200px}.form-inline label{margin-bottom:0;margin-right:.5rem;white-space:nowrap}@media(max-width:1080px){.form-inline{align-items:stretch;flex-direction:column}.form-inline .form-group{min-width:auto}.form-inline label{margin-bottom:.5rem;margin-right:0}}.form-horizontal .form-group{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:200px 1fr}.form-horizontal .form-group label{margin-bottom:0;padding-top:.75rem}@media(max-width:1080px){.form-horizontal .form-group{gap:.5rem;grid-template-columns:1fr}.form-horizontal .form-group label{margin-bottom:.5rem;padding-top:0}}.form-two-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-two-column .form-group-full{grid-column:1/-1}@media(max-width:1080px){.form-two-column{gap:0;grid-template-columns:1fr}}.form-container{background:#fff;background:var(--form-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:.375rem;border-radius:var(--border-radius,8px);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow-sm,0 2px 4px #0000001a);margin-bottom:2rem;padding:2rem}@media(max-width:1080px){.form-container{margin-bottom:1rem;padding:1.5rem}}.form-section{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-light,#e0e0e0);margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section .form-section-title{color:#333;color:var(--text-color,#333);font-size:1.125rem;font-weight:600;margin-bottom:1rem}@media(max-width:1080px){.form-group{margin-bottom:1.25rem}.form-control{font-size:16px}.form-actions{gap:.75rem}}@media(max-width:480px){.form-container{padding:1rem}.form-group{margin-bottom:1rem}.color-input-group{align-items:stretch;flex-direction:column}.color-input-group input[type=color]{height:50px;width:100%}.color-input-group .color-text-input{max-width:none}}.app{min-height:100vh}.toast{align-items:flex-start;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:12px;max-width:400px;min-width:300px;opacity:0;padding:16px;position:fixed;transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.toast--bottom-right{bottom:20px;right:20px}.toast--bottom-left{bottom:20px;left:20px;transform:translateX(-100%)}.toast--top-right{right:20px;top:20px}.toast--top-left{left:20px;top:20px;transform:translateX(-100%)}.toast--visible{opacity:1;transform:translateX(0)}.toast--leaving{opacity:0;transform:translateX(100%)}.toast--bottom-left.toast--leaving,.toast--top-left.toast--leaving{transform:translateX(-100%)}.toast--success{background-color:#f0f9ff;border-left:4px solid #10b981;color:#065f46}.toast--success .toast__icon{background-color:#d1fae5;color:#10b981}.toast--error{background-color:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.toast--error .toast__icon{background-color:#fecaca;color:#ef4444}.toast--warning{background-color:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.toast--warning .toast__icon{background-color:#fed7aa;color:#f59e0b}.toast--info{background-color:#f0f9ff;border-left:4px solid #3b82f6;color:#1e40af}.toast--info .toast__icon{background-color:#dbeafe;color:#3b82f6}.toast__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast__content{flex:1 1;min-width:0}.toast__title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.toast__message{word-wrap:break-word;font-size:13px;line-height:1.4}.toast__close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;opacity:.6;padding:0;transition:opacity .2s;width:20px}.toast__close:hover{opacity:1}@media(max-width:480px){.toast{left:20px!important;max-width:calc(100vw - 40px);min-width:calc(100vw - 40px);right:20px!important;transform:translateY(100%)!important}.toast--visible{transform:translateY(0)!important}.toast--leaving{transform:translateY(100%)!important}}.toast-container{pointer-events:none;position:fixed;z-index:9999}.toast-container--bottom-right{bottom:20px;right:20px}.toast-container--bottom-left{bottom:20px;left:20px}.toast-container--top-right{right:20px;top:20px}.toast-container--top-left{left:20px;top:20px}.toast-container .toast{margin-bottom:12px;pointer-events:auto;position:relative}.toast-container .toast:last-child{margin-bottom:0}.card{background:#fff;background:var(--color-surface,#fff);border:1px solid #e1e5e9;border:1px solid var(--color-border,#e1e5e9);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);position:relative;transition:all .2s ease-in-out}.card--hoverable:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-1px)}.card--clickable{background:#0000;border:1px solid #e1e5e9;border:1px solid var(--color-border,#e1e5e9);cursor:pointer;padding:0;text-align:left;width:100%}.card--clickable:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transform:translateY(-1px)}.card--clickable:focus{outline:2px solid #007bff;outline:2px solid var(--color-primary,#007bff);outline-offset:2px}.card--clickable:active{transform:translateY(0)}.card--loading{align-items:center;display:flex;justify-content:center;min-height:120px}.card__header{border-bottom:1px solid #f1f3f4;border-bottom:1px solid var(--color-border-light,#f1f3f4);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);padding:16px 16px 0;padding:var(--spacing-md,16px) var(--spacing-md,16px) 0}.card__header:last-child{border-bottom:none;margin-bottom:0;padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.card__title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.4;margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.card__subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.4;margin:0}.card__content{padding:16px;padding:var(--spacing-md,16px)}.card__loading{align-items:center;display:flex;justify-content:center;min-height:80px}.card__loading .spinner{animation:spin 1s linear infinite;border:2px solid #e1e5e9;border-top:2px solid #007bff;border:2px solid var(--color-border,#e1e5e9);border-radius:50%;border-top-color:var(--color-primary,#007bff);height:24px;width:24px}@media(max-width:1080px){.card__content,.card__header{padding:12px;padding:var(--spacing-sm,12px)}.card__title{font-size:1rem;font-size:var(--font-size-base,1rem)}.card__subtitle{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:.75rem}@media(min-width:1080px){.pagination-container{align-items:center;flex-direction:row;justify-content:space-between}}.pagination-controls{flex-direction:column;gap:.75rem}@media(min-width:1080px){.pagination-controls{flex-direction:row;gap:1.5rem}}.pagination-order-by{align-items:center;display:flex;gap:.5rem}.pagination-order-by .order-by-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.pagination-order-by .order-by-select{background:linear-gradient(90deg,#f8fafccc,#ffffffe6);border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:500;min-width:80px;padding:.375rem .75rem;transition:all .3s ease}.pagination-order-by .order-by-select:focus{background:linear-gradient(90deg,#3b82f60d,#fffffff2);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pagination-order-by .order-by-select:hover{background:linear-gradient(90deg,#f8fafce6,#fff);border-color:#cbd5e1}.pagination-items-per-page{display:none}.pagination-info{padding-bottom:1rem}.pagination-info .pagination-items-info{color:#64748b;font-size:.75rem;font-weight:500;padding:.375rem .75rem;white-space:nowrap}.pagination{align-items:center;display:flex;gap:.25rem;padding:.5rem}.pagination-items-per-page-inline{align-items:center;border-right:1px solid #e2e8f0;display:flex;margin-right:.75rem;padding-right:.75rem}.pagination-items-per-page-inline .items-per-page-select{background:linear-gradient(90deg,#f8fafccc,#ffffffe6);border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.75rem;font-weight:500;min-width:55px;padding:.25rem .5rem;transition:all .3s ease}.pagination-items-per-page-inline .items-per-page-select:focus{background:linear-gradient(90deg,#3b82f60d,#fffffff2);border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.pagination-items-per-page-inline .items-per-page-select:hover{background:linear-gradient(90deg,#f8fafce6,#fff);border-color:#cbd5e1}.pagination-button{background:linear-gradient(90deg,#a7c3e0cc,#c7dbf2cc);border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:linear-gradient(90deg,#3b82f60d,#fffffff2);border-color:#3b82f64d;color:#1e40af;transform:translateY(-1px)}.pagination-button:disabled{background:linear-gradient(90deg,#f8fafc80,#fff9);color:#94a3b8;cursor:not-allowed;opacity:.4;transform:none}.pagination-button:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.pagination-numbers{align-items:center;display:flex;gap:.125rem}.pagination-number{align-items:center;background:linear-gradient(90deg,#f8fafccc,#ffffffe6);border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:2.25rem;justify-content:center;min-width:2.25rem;padding:0;transition:all .3s ease}.pagination-number:hover{background:linear-gradient(90deg,#3b82f614,#fffffff2);border-color:#3b82f64d;color:#1e40af;transform:scale(1.05)}.pagination-number.active{background:linear-gradient(90deg,#3b82f6e6,#2563eb);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff;transform:scale(1.1)}.pagination-number.active:hover{background:linear-gradient(90deg,#2563ebe6,#1d4ed8);transform:scale(1.1)}.pagination-number:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.pagination-ellipsis{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;font-weight:600;height:2.25rem;justify-content:center;min-width:2.25rem;padding:.5rem}@media(max-width:1080px){.pagination-container{gap:.5rem}.pagination-controls{flex-direction:row;gap:1rem;justify-content:center;width:100%}.pagination-order-by .order-by-label{font-size:.8rem}.pagination-order-by .order-by-select{font-size:.9rem;max-width:140px;padding:.4rem .8rem}.pagination{-ms-overflow-style:none;gap:.25rem;order:1;overflow-x:auto;padding:.5rem;scrollbar-width:none}.pagination::-webkit-scrollbar{display:none}.pagination-items-per-page-inline{display:none;margin-right:.75rem;padding-right:.75rem}.pagination-items-per-page-inline .items-per-page-select{font-size:1.2rem;min-width:65px;padding:.4rem .6rem}.pagination-button{font-size:1rem;min-height:3rem;white-space:nowrap}.pagination-number{font-size:1.1rem}.pagination-ellipsis{font-size:1.1rem;height:4rem;min-width:4rem}.pagination-info{order:2;text-align:center;width:100%}.pagination-info .pagination-items-info{font-size:.8rem;padding:.4rem .8rem}}.dropdown{display:inline-block;position:relative}.dropdown__trigger{cursor:pointer;outline:none}.dropdown__trigger:focus{outline:2px solid #007bff;outline:2px solid var(--color-primary,#007bff);outline-offset:2px}.dropdown__menu{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius,4px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-dropdown,0 2px 8px #0000001a);margin-top:.25rem;min-width:100%;padding:.5rem 0;position:absolute;z-index:1000}.dropdown__menu--bottom-left{left:0;top:100%}.dropdown__menu--bottom-right{right:0;top:100%}.dropdown__menu--top-left{bottom:100%;left:0;margin-bottom:.25rem;margin-top:0}.dropdown__menu--top-right{bottom:100%;margin-bottom:.25rem;margin-top:0;right:0}.dropdown__menu--bottom-left,.dropdown__menu--bottom-right{animation:dropdownFadeInDown .15s ease-out}.dropdown__menu--top-left,.dropdown__menu--top-right{animation:dropdownFadeInUp .15s ease-out}@keyframes dropdownFadeInDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown__menu{max-height:50vh;overflow-y:auto}.dropdown__menu::-webkit-scrollbar{width:6px}.dropdown__menu::-webkit-scrollbar-track{background:#f5f5f5;background:var(--color-background-secondary,#f5f5f5);border-radius:3px}.dropdown__menu::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--color-border,#e0e0e0);border-radius:3px}.dropdown__menu::-webkit-scrollbar-thumb:hover{background:#666;background:var(--color-text-secondary,#666)}.icon--clickable{cursor:pointer;transition:color .2s ease,transform .2s ease}.icon--clickable:hover{transform:scale(1.1)}.icon--primary{color:#007bff;color:var(--primary-color,#007bff)}.icon--secondary{color:#6c757d;color:var(--secondary-color,#6c757d)}.icon--success{color:#28a745;color:var(--success-color,#28a745)}.icon--danger{color:#dc3545;color:var(--danger-color,#dc3545)}.icon--warning{color:#ffc107;color:var(--warning-color,#ffc107)}.icon--info{color:#17a2b8;color:var(--info-color,#17a2b8)}.icon--reservation{color:#f1c40f;color:var(--status-reservation,#f1c40f)}.icon--borrowing-active{color:#e67e22;color:var(--status-borrowing-active,#e67e22)}.icon--borrowing-returned{color:#58d68d;color:var(--status-borrowing-returned,#58d68d)}.icon--consumption{color:#e74c3c;color:var(--status-consumption,#e74c3c)}.icon--refill{color:#5dade2;color:var(--status-refill,#5dade2)}.icon--light{color:#f8f9fa;color:var(--light-color,#f8f9fa)}.icon--dark{color:#343a40;color:var(--dark-color,#343a40)}.icon-bounce{animation:fa-bounce 2s infinite}.icon-fade{animation:fa-fade 2s infinite}.icon-beat{animation:fa-beat 1s infinite}.icon-shake{animation:fa-shake 1s infinite}.button-container{display:inline-block;position:relative;width:auto}.button-container>.dropdown{width:100%}.button{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;min-width:120px;overflow:visible;padding:.5rem 1rem;text-decoration:none;text-overflow:clip;transition:all .2s ease;white-space:nowrap}.button:focus{outline:2px solid #0082c9;outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.6}.button-split{align-items:stretch;display:flex;min-width:160px;width:100%}.button-split .button-main{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;flex:1 1;min-width:0;overflow:visible;text-overflow:clip}.button-split .button-dropdown{border-bottom-left-radius:0;border-top-left-radius:0;flex:0 0 auto;min-width:40px;padding:.5rem .6rem;width:40px!important}.button-split .button-dropdown .dropdown-arrow{transition:transform .2s ease}.button-split .button-dropdown .dropdown-arrow.open{transform:rotate(180deg)}.button--primary{background-color:#0082c9;color:#fff}.button--primary:hover:not(:disabled){background-color:#006ba6}.button--primary:active:not(:disabled){background-color:#005a94}.button--primary:disabled{background:#ccc}.button--primary.button-dropdown{border-left:1px solid #ffffff4d}.button--secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.button--secondary:hover:not(:disabled){background-color:#e9e9e9}.button--secondary:active:not(:disabled){background-color:#ddd}.button--secondary.button-dropdown{border-left:1px solid #0000001a}.button--success{background-color:var(--status-refill);color:#fff}.button--success:hover:not(:disabled){background-color:var(--status-refill-text)}.button--success:active:not(:disabled){background-color:#1b4f72}.button--success.button-dropdown{border-left:1px solid #ffffff4d}.button--danger{background-color:var(--status-consumption);color:#fff}.button--danger:hover:not(:disabled){background-color:var(--status-consumption-text)}.button--danger:active:not(:disabled){background-color:#922b21}.button--danger.button-dropdown{border-left:1px solid #ffffff4d}.button--warning{background-color:#ffc107;color:#212529}.button--warning:hover:not(:disabled){background-color:#e0a800}.button--warning:active:not(:disabled){background-color:#d39e00}.button--warning.button-dropdown{border-left:1px solid #2125291a}.button--borrow{background-color:var(--status-borrowing-active);color:#fff}.button--borrow:hover:not(:disabled){background-color:var(--status-borrowing-active-text)}.button--borrow:active:not(:disabled){background-color:#a04000}.button--borrow.button-dropdown{border-left:1px solid #ffffff4d}.button--reserve{background-color:var(--status-reservation);color:var(--status-reservation-text)}.button--reserve:hover:not(:disabled){background-color:var(--status-reservation-text);color:#fff}.button--reserve:active:not(:disabled){background-color:#7d6608;color:#fff}.button--reserve.button-dropdown{border-left:1px solid #7d66084d}.button--return{background-color:var(--status-borrowing-returned);color:#fff}.button--return:hover:not(:disabled){background-color:var(--status-borrowing-returned-text)}.button--return:active:not(:disabled){background-color:#186a3b}.button--return.button-dropdown{border-left:1px solid #ffffff4d}.button--small{font-size:.875rem;min-width:80px;padding:.2rem .5rem}.button--small.button-dropdown{min-width:32px;padding:.2rem .4rem;width:32px}.button--medium{font-size:1rem;min-width:120px;padding:.5rem 1rem}.button--medium.button-dropdown{min-width:40px;padding:.5rem .6rem;width:40px}.button--large{font-size:1.7rem;min-width:140px;padding:1rem 2rem}.button--large.button-dropdown{min-width:48px;padding:1rem .8rem;width:48px}.button--loading{color:#0000!important;position:relative}.button--loading:after{animation:button-loading .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;color:inherit;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes button-loading{to{transform:translate(-50%,-50%) rotate(1turn)}}.button-options{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:200px;overflow:hidden}.button-option{background:#fff;border:none;color:#333;cursor:pointer;display:block;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.button-option:hover:not(:disabled){background-color:#f5f5f5}.button-option:disabled{color:#666;cursor:not-allowed}.button-option:not(:last-child){border-bottom:1px solid #f0f0f0}.button-option .option-label{display:block;font-weight:500;line-height:1.4;margin-bottom:.25rem}.button-option .option-description{color:#666;display:block;font-size:.75rem;line-height:1.3;margin-top:2px}.skeuomorphic-switch-container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:1rem;position:relative;-webkit-user-select:none;user-select:none}.skeuomorphic-switch-container.switch-small{font-size:.875rem;gap:.5rem}.skeuomorphic-switch-container.switch-small .switch-track{border-radius:12px;height:24px;width:44px}.skeuomorphic-switch-container.switch-small .switch-thumb{height:18px;width:18px}.skeuomorphic-switch-container.switch-small.switch-with-labels .switch-track{border-radius:14px;height:28px;width:100px}.skeuomorphic-switch-container.switch-small.switch-with-labels .switch-thumb{height:22px;width:22px}.skeuomorphic-switch-container.switch-small .switch-integrated-label{font-size:.65rem;font-weight:700}.skeuomorphic-switch-container.switch-small .switch-led{height:4px;width:4px}.skeuomorphic-switch-container.switch-medium{font-size:1rem;gap:.75rem}.skeuomorphic-switch-container.switch-medium .switch-track{border-radius:15px;height:30px;width:56px}.skeuomorphic-switch-container.switch-medium .switch-thumb{height:24px;width:24px}.skeuomorphic-switch-container.switch-medium.switch-with-labels .switch-track{border-radius:17px;height:34px;width:120px}.skeuomorphic-switch-container.switch-medium.switch-with-labels .switch-thumb{height:28px;width:28px}.skeuomorphic-switch-container.switch-medium .switch-integrated-label{font-size:.75rem;font-weight:700}.skeuomorphic-switch-container.switch-medium .switch-led{height:5px;width:5px}.skeuomorphic-switch-container.switch-large{font-size:1.125rem;gap:1rem}.skeuomorphic-switch-container.switch-large .switch-track{border-radius:19px;height:38px;width:72px}.skeuomorphic-switch-container.switch-large .switch-thumb{height:32px;width:32px}.skeuomorphic-switch-container.switch-large.switch-with-labels .switch-track{border-radius:21px;height:42px;width:150px}.skeuomorphic-switch-container.switch-large.switch-with-labels .switch-thumb{height:36px;width:36px}.skeuomorphic-switch-container.switch-large .switch-integrated-label{font-size:.85rem;font-weight:700}.skeuomorphic-switch-container.switch-large .switch-led{height:6px;width:6px}.skeuomorphic-switch-container.switch-animated .switch-glass-overlay,.skeuomorphic-switch-container.switch-animated .switch-integrated-label,.skeuomorphic-switch-container.switch-animated .switch-led,.skeuomorphic-switch-container.switch-animated .switch-thumb,.skeuomorphic-switch-container.switch-animated .switch-thumb-base,.skeuomorphic-switch-container.switch-animated .switch-track-base{transition:all .35s cubic-bezier(.4,0,.2,1)}.skeuomorphic-switch-container.switch-animated .switch-thumb-shadow{transition:all .25s ease-out}.skeuomorphic-switch-container.switch-animated:hover:not(.switch-disabled) .switch-thumb-base,.skeuomorphic-switch-container.switch-animated:hover:not(.switch-disabled) .switch-track{transform:translateY(-1px)}.skeuomorphic-switch-container.switch-animated:active:not(.switch-disabled) .switch-track{transform:translateY(1px)}.skeuomorphic-switch-container.switch-animated:active:not(.switch-disabled) .switch-thumb-base{transform:translateY(1px) scale(.98)}.skeuomorphic-switch-container.switch-disabled{cursor:not-allowed;opacity:.6}.skeuomorphic-switch-container.switch-disabled *{cursor:not-allowed!important}.skeuomorphic-switch-container.switch-disabled .switch-track-base{background:#e5e7eb!important;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d!important}.skeuomorphic-switch-container.switch-disabled .switch-led{opacity:.3!important}.switch-input{height:0;opacity:0;position:absolute;width:0}.switch-input:focus-visible+.switch-label .switch-track{outline:2px solid #3b82f6;outline-offset:3px}.switch-input:focus+.switch-label .switch-track .switch-glass-overlay .switch-reflection{opacity:.8;transform:scale(1.1)}.switch-label{display:inline-block}.switch-label,.switch-track{cursor:pointer;position:relative}.switch-track{align-items:center;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15)) drop-shadow(0 1px 3px rgba(0,0,0,.1));overflow:visible;padding:3px}.switch-track:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2)) drop-shadow(0 2px 4px rgba(0,0,0,.15))}.switch-track-base{background:linear-gradient(135deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#94a3b8);border-color:#ffffff80 #0000001a #0000001a #ffffff4d;border-radius:inherit;border-style:solid;border-width:1px;bottom:0;box-shadow:inset 0 2px 4px #00000026,inset 0 1px 2px #0000001a,0 1px 3px #ffffff80;left:0;position:absolute;right:0;top:0}.switch-checked .switch-track-base{background:linear-gradient(135deg,#10b981,#059669 25%,#047857 50%,#065f46);box-shadow:inset 0 2px 4px #0003,inset 0 1px 2px #00000026,0 1px 3px #ffffff4d}.switch-primary.switch-checked .switch-track-base{background:linear-gradient(135deg,#3b82f6,#2563eb 25%,#1d4ed8 50%,#1e40af)}.switch-secondary.switch-checked .switch-track-base{background:linear-gradient(135deg,#8b5cf6,#7c3aed 25%,#6d28d9 50%,#5b21b6)}.switch-success.switch-checked .switch-track-base{background:linear-gradient(135deg,#10b981,#059669 25%,#047857 50%,#065f46)}.switch-warning.switch-checked .switch-track-base{background:linear-gradient(135deg,#f59e0b,#d97706 25%,#b45309 50%,#92400e)}.switch-error.switch-checked .switch-track-base{background:linear-gradient(135deg,#ef4444,#dc2626 25%,#b91c1c 50%,#991b1b)}.switch-info.switch-checked .switch-track-base{background:linear-gradient(135deg,#06b6d4,#0891b2 25%,#0e7490 50%,#155e75)}.switch-track-texture{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 75% 75%,#0000000d 1px,#0000 0);background-size:4px 4px,6px 6px;border-radius:inherit;bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0}.switch-track-shadow-inner{background:linear-gradient(135deg,#0000001a,#0000 50%,#ffffff1a);border-radius:inherit;bottom:1px;left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.switch-indicators{display:flex;justify-content:space-between;left:8px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:1}.switch-led{border-radius:50%;position:relative}.switch-led:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.switch-led.switch-led-off{background:radial-gradient(circle,#dc2626 0,#991b1b 70%);box-shadow:inset 0 1px 2px #0000004d,0 0 4px #dc26264d;opacity:1}.switch-checked .switch-led.switch-led-off{opacity:.2}.switch-led.switch-led-on{background:radial-gradient(circle,#10b981 0,#059669 70%);box-shadow:inset 0 1px 2px #0003,0 0 6px #10b98199,0 0 12px #10b9814d;opacity:.2}.switch-checked .switch-led.switch-led-on,.switch-checked .switch-led.switch-led-on:before{opacity:1}.switch-thumb{position:relative;transform:translateX(0);z-index:10}.switch-checked .switch-thumb{transform:translateX(calc(100% + 6px))}.switch-thumb-base{cursor:pointer}.switch-thumb-base,.switch-thumb-surface{border-radius:50%;height:100%;position:relative;width:100%}.switch-thumb-surface{background:linear-gradient(135deg,#fff,#f8fafc 15%,#e2e8f0 40%,#cbd5e1 70%,#94a3b8);border-color:#fffc #00000026 #0003 #fff9;border-style:solid;border-width:1px;box-shadow:0 2px 8px #00000026,0 4px 16px #0000001a,inset 0 1px 2px #fffc,inset 0 -1px 2px #0000001a}.switch-thumb-surface:hover{box-shadow:0 4px 12px #0003,0 6px 20px #00000026,inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #00000026}.switch-thumb-surface:active{box-shadow:0 1px 3px #0003,0 2px 6px #00000026,inset 0 2px 4px #0000001a,inset 0 1px 2px #fff9}.switch-thumb-highlight{background:linear-gradient(135deg,#ffffffe6,#fff9 50%,#0000);border-radius:50%;height:30%;left:20%;pointer-events:none;position:absolute;right:40%;top:15%;transform:rotate(-15deg)}.switch-thumb-texture{background-image:radial-gradient(circle at 30% 30%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 70% 70%,#00000008 1px,#0000 0);background-size:3px 3px,5px 5px;bottom:10%;opacity:.5;top:10%}.switch-thumb-shadow,.switch-thumb-texture{border-radius:50%;left:10%;pointer-events:none;position:absolute;right:10%}.switch-thumb-shadow{background:radial-gradient(ellipse,#0003 0,#0000 70%);height:50%;top:100%;transform:translateY(-20%);z-index:-1}.switch-thumb-ridge{background:linear-gradient(90deg,#0000,#0000001a 20%,#0003 50%,#0000001a 80%,#0000);border-radius:1px;height:2px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.switch-thumb-ridge:before{background:linear-gradient(90deg,#0000,#ffffff80 20%,#fffc 50%,#ffffff80 80%,#0000);border-radius:1px;content:"";height:1px;left:0;position:absolute;right:0;top:-1px}.switch-icon{color:#6b7280;font-size:.7em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.switch-checked .switch-icon{color:#059669}.switch-glass-overlay{bottom:0;overflow:hidden;pointer-events:none;z-index:5}.switch-glass-overlay,.switch-reflection{border-radius:inherit;left:0;position:absolute;right:0;top:0}.switch-reflection{background:linear-gradient(180deg,#fff3,#ffffff1a 50%,#0000);border-bottom-left-radius:0;border-bottom-right-radius:0;height:40%}.switch-glare{animation:glareMove 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a 20%,#fff3 50%,#ffffff1a 80%,#0000);border-radius:50%;height:60%;left:-20%;position:absolute;top:20%;transform:rotate(25deg);width:40%}@keyframes glareMove{0%,to{left:-20%;opacity:.3}50%{left:80%;opacity:.6}}.switch-external-labels{display:flex;flex-direction:column;gap:.25rem}.switch-main-label{color:#374151;font-size:.95em;font-weight:600}.switch-text{color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;margin:0}.switch-text:hover{color:#1f2937}.switch-disabled .switch-text{color:#9ca3af;cursor:not-allowed}.switch-disabled .switch-text:hover{color:#9ca3af}.switch-metallic .switch-track-base{background:linear-gradient(135deg,silver,#a8a8a8 25%,grey 50%,#606060)}.switch-metallic .switch-thumb-surface{background:linear-gradient(135deg,#f5f5f5,#e0e0e0 15%,silver 40%,#a0a0a0 70%,grey)}@media(max-width:1080px){.skeuomorphic-switch-container{gap:.5rem}.skeuomorphic-switch-container.switch-large{gap:.75rem}}@media(max-width:480px){.skeuomorphic-switch-container{gap:.375rem}.skeuomorphic-switch-container.switch-large .switch-track{height:34px;width:64px}.skeuomorphic-switch-container.switch-large.switch-with-labels .switch-track{height:38px;width:130px}.skeuomorphic-switch-container .switch-integrated-label{font-size:.6rem!important}}@media(prefers-contrast:high){.switch-track-base{background:#fff!important;border:3px solid #000!important}.switch-checked .switch-track-base{background:#000!important;border-color:#000}.switch-thumb-surface{background:#fff!important;border:2px solid #000!important}.switch-led{border:1px solid #000}}@media(prefers-reduced-motion:reduce){.switch-animated .switch-glass-overlay,.switch-animated .switch-integrated-label,.switch-animated .switch-led,.switch-animated .switch-thumb,.switch-animated .switch-thumb-base,.switch-animated .switch-track-base{transition:none}.switch-glare{animation:none}}.accordion{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:8px;overflow:hidden;transition:all .2s ease-in-out}.accordion--disabled{opacity:.6;pointer-events:none}.accordion__header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.accordion__header:hover{background-color:#e9ecef}.accordion__header--expanded{background-color:#e9ecef;border-bottom-color:#e1e5e9}.accordion__title{color:#495057;font-size:14px;font-weight:600;margin:0}.accordion__icon{align-items:center;color:#6c757d;display:flex;height:24px;justify-content:center;transition:transform .2s ease-in-out;width:24px}.accordion__icon--expanded{transform:rotate(180deg)}.accordion__icon svg{height:16px;width:16px}.accordion__content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.accordion__content--expanded{max-height:1000px}.accordion__content-inner{border-top:none;padding:20px}.language-selector__label{color:#333;color:var(--color-text-primary,#333);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.language-selector--select .language-selector__select{background:#fff;background:var(--color-background,#fff);border:1px solid #ccc;border:1px solid var(--color-border,#ccc);border-radius:4px;border-radius:var(--border-radius,4px);font-size:.875rem;padding:.5rem;width:100%}.language-selector--select .language-selector__select:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.language-selector--dropdown .language-selector__dropdown{min-width:200px}.language-selector--dropdown .language-selector__trigger{align-items:center;background:#fff;background:var(--color-background,#fff);border:1px solid #ccc;border:1px solid var(--color-border,#ccc);border-radius:4px;border-radius:var(--border-radius,4px);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem .75rem;transition:all .2s ease;width:100%}.language-selector--dropdown .language-selector__trigger:hover{border-color:#007bff;border-color:var(--color-primary,#007bff)}.language-selector--dropdown .language-selector__trigger:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.language-selector--dropdown .language-selector__current{align-items:center;display:flex;gap:.5rem}.language-selector--dropdown .language-selector__flag{font-size:1rem;line-height:1}.language-selector--dropdown .language-selector__name{color:#333;color:var(--color-text-primary,#333)}.language-selector--dropdown .language-selector__arrow{color:#666;color:var(--color-text-secondary,#666);font-size:.75rem;transition:transform .2s ease}.language-selector--dropdown .language-selector__arrow--open{transform:rotate(180deg)}.language-selector--dropdown .language-selector__menu{max-height:300px;min-width:200px;overflow-y:auto}.language-selector--dropdown .language-selector__option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background-color .15s ease;width:100%}.language-selector--dropdown .language-selector__option:hover{background-color:#f8f9fa;background-color:var(--color-hover,#f8f9fa)}.language-selector--dropdown .language-selector__option--active{background-color:#e3f2fd;background-color:var(--color-primary-light,#e3f2fd);color:#007bff;color:var(--color-primary,#007bff)}.language-selector--dropdown .language-selector__option:focus{background-color:#f8f9fa;background-color:var(--color-hover,#f8f9fa);outline:none}.language-selector--dropdown .language-selector__check{color:#28a745;color:var(--color-success,#28a745);font-weight:700;margin-left:auto}@media(max-width:1080px){.language-selector--dropdown .language-selector__dropdown,.language-selector--dropdown .language-selector__menu{min-width:150px}}.modal-overlay{background-color:#00000080}.modal-content{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;width:100%}.modal-content.modal-small{max-width:400px}.modal-content.modal-medium{max-width:600px}.modal-content.modal-large{max-width:800px}.modal-content.modal-full{max-height:95vh;max-width:95vw}.modal-content .delete-confirmation{padding:1rem 0;text-align:center}.modal-content .delete-confirmation p{color:#333;line-height:1.5;margin-bottom:1rem}.modal-content .delete-confirmation p.warning-text{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.9rem;padding:.75rem}.modal-content .delete-confirmation strong{color:#dc3545}.modal-content .delete-confirmation .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.modal-header .modal-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.modal-header .modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-header .modal-close-button:hover{background-color:#f5f5f5;color:#333}.modal-header .modal-close-button:focus{outline:2px solid #007bff;outline-offset:2px}.modal-body{max-height:calc(90vh - 150px);overflow-y:auto;padding:0 1.5rem 1.5rem}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1080px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-content.modal-large,.modal-content.modal-medium,.modal-content.modal-small{max-width:100%}.modal-header{margin-bottom:1rem;padding:1rem 1rem 0}.modal-header .modal-title{font-size:1.1rem}.modal-body{max-height:calc(95vh - 120px);padding:0 1rem 1rem}}.confirm-dialog .confirm-message{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:2rem}.confirm-dialog .confirm-message .confirm-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.confirm-dialog .confirm-message p{color:#333;line-height:1.5;margin:0}.confirm-dialog .confirm-message.confirm-danger .confirm-icon{color:#dc3545}.confirm-dialog .confirm-message.confirm-warning .confirm-icon{color:#ffc107}.confirm-dialog .confirm-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:480px){.confirm-dialog .confirm-actions{flex-direction:column-reverse}.confirm-dialog .confirm-actions .btn{width:100%}}.tabs{--tab-primary-color:#007bff;--tab-primary-hover:#0056b3;--tab-text-color:#444;--tab-text-hover:#222;--tab-border-color:#d0d0d0;--tab-background:#f0f2f5;--tab-background-hover:#e8ebf0;--tab-border-radius:6px;--tab-transition:all 0.2s ease}.tabs .tabs-header{display:flex;position:relative}.tabs .tabs-header.embla{overflow:hidden}.tabs .tabs-header .embla__container{display:flex;max-width:100%}.tabs .tabs-header .embla__slide{flex:0 0 auto;min-width:0}.tabs .tab-button{align-items:center;background:none;border:1px solid #0000;color:var(--tab-text-color);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;outline:none;transition:var(--tab-transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.tabs .tab-button:hover:not(:disabled):not(.active){background-color:#007bff14;color:var(--tab-text-hover)}.tabs .tab-button.disabled{cursor:not-allowed;opacity:.5}.tabs .tab-button .tab-badge,.tabs .tab-button .tab-icon{align-items:center;display:flex}.tabs .tab-button .tab-badge{background-color:var(--tab-primary-color);border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:.125rem .375rem}.tabs .tabs-content .tab-panel{display:none}.tabs .tabs-content .tab-panel.active{display:block}.tabs.modern .tabs-header{background-color:var(--tab-background);border-radius:var(--tab-border-radius);gap:.25rem;margin-bottom:1.5rem;padding:.25rem}.tabs.modern .tabs-header.embla{gap:0}.tabs.modern .tabs-header.embla .embla__container{gap:.25rem}.tabs.modern .tab-button{border-radius:calc(var(--tab-border-radius) - 2px);padding:.875rem 1.5rem;position:relative}.tabs.modern .tab-button:hover:not(:disabled):not(.active){background-color:#007bff1f;color:var(--tab-primary-color);transform:translateY(-1px)}.tabs.modern .tab-button.active{background-color:#fff;border:1px solid #007bff33;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;color:var(--tab-primary-color);font-weight:700}.tabs.pills .tabs-header{gap:.5rem;margin-bottom:1.5rem}.tabs.pills .tabs-header.embla{gap:0}.tabs.pills .tabs-header.embla .embla__container{gap:.5rem}.tabs.pills .tab-button{background-color:#fff;border:2px solid var(--tab-border-color);border-radius:var(--tab-border-radius);padding:.75rem 1.25rem}.tabs.pills .tab-button:hover:not(:disabled):not(.active){background-color:var(--tab-background-hover);border-color:var(--tab-primary-color);transform:translateY(-1px)}.tabs.pills .tab-button.active{background-color:var(--tab-primary-color);border-color:var(--tab-primary-color);box-shadow:0 2px 6px #007bff4d;color:#fff;font-weight:700}.tabs.pills .tab-button.active .tab-badge{background-color:#fff3;color:#fff}.tabs.underline .tabs-header{border-bottom:1px solid var(--tab-border-color);margin-bottom:1.5rem}.tabs.underline .tab-button{padding:1rem 1.5rem;position:relative}.tabs.underline .tab-button:after{background-color:#0000;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0;transition:var(--tab-transition)}.tabs.underline .tab-button:hover:not(:disabled):not(.active){background-color:#007bff0f;color:var(--tab-text-hover)}.tabs.underline .tab-button.active{background-color:#007bff14;color:var(--tab-primary-color);font-weight:700}.tabs.underline .tab-button.active:after{background-color:var(--tab-primary-color)}.tabs.minimal .tabs-header{gap:2rem;margin-bottom:1.5rem}.tabs.minimal .tabs-header.embla{gap:0}.tabs.minimal .tabs-header.embla .embla__container{gap:2rem}.tabs.minimal .tab-button{padding:.5rem 0;position:relative}.tabs.minimal .tab-button:after{background-color:var(--tab-primary-color);bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:var(--tab-transition);width:0}.tabs.minimal .tab-button:hover:not(:disabled):not(.active){background-color:#007bff0f;border-radius:4px;color:var(--tab-text-hover)}.tabs.minimal .tab-button.active{background-color:#007bff14;border-radius:4px;color:var(--tab-primary-color);font-weight:700}.tabs.minimal .tab-button.active:after{width:100%}.tabs.small .tab-button{font-size:.875rem}.tabs.small .tab-button .tab-badge{font-size:.625rem;height:1rem;min-width:1rem;padding:.0625rem .25rem}.tabs.small.modern .tab-button,.tabs.small.underline .tab-button{padding:.75rem 1rem}.tabs.small.pills .tab-button{padding:.5rem 1rem}.tabs.small.minimal .tab-button{padding:.375rem 0}.tabs.large .tab-button{font-size:1.125rem}.tabs.large .tab-button .tab-badge{font-size:.875rem;height:1.5rem;min-width:1.5rem;padding:.25rem .5rem}.tabs.large.modern .tab-button,.tabs.large.underline .tab-button{padding:1.25rem 2rem}.tabs.large.pills .tab-button{padding:1rem 1.5rem}.tabs.large.minimal .tab-button{padding:.75rem 0}.tabs.carousel-enabled .tab-button{flex-shrink:0;white-space:nowrap}.tabs.carousel-enabled .tabs-header.embla{cursor:grab}.tabs.carousel-enabled .tabs-header.embla:active{cursor:grabbing}.table-container{background:#fff;background:var(--color-background-paper,#fff);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);overflow:hidden}.table-search{border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--color-border,#e1e5e9);padding:16px}.table-search-input{border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.table-search-input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--color-primary-alpha,#3b82f61a);outline:none}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;font-size:14px;width:100%}.table-header{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--color-border,#e1e5e9);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header.sortable:hover{background:#e9ecef;background:var(--color-background-tertiary,#e9ecef)}.sort-indicator{font-size:12px;margin-left:8px;opacity:.7}.table-row:hover{background:#f8f9fa;background:var(--color-background-hover,#f8f9fa)}.table-row:not(:last-child){border-bottom:1px solid #f1f3f5;border-bottom:1px solid var(--color-border-light,#f1f3f5)}.table-cell{color:#1f2937;color:var(--color-text-primary,#1f2937);padding:12px 16px;vertical-align:top}.table-empty{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:60px 20px;text-align:center}.table-pagination{align-items:center;background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border-top:1px solid #e1e5e9;border-top:1px solid var(--color-border,#e1e5e9);display:flex;justify-content:space-between;padding:16px}.pagination-info{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:16px}.pagination-pages{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px}@media(max-width:1080px){.table-search{padding:12px}.table-cell,.table-header{padding:8px 12px}.table-pagination{flex-direction:column;gap:12px;padding:12px}.pagination-controls{gap:12px}}.search-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:center;margin-bottom:2rem;padding:2rem 1rem}.search-section .search-bar{background:#fff;border-radius:50px;box-shadow:0 8px 32px #0000001a;display:flex;max-width:600px;padding:.5rem;position:relative;transition:all .3s ease;width:100%}.search-section .search-bar:focus-within{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.search-section .search-bar .search-input{background:#0000;border:none;border-radius:50px;color:#1a202c;flex:1 1;font-size:1.1rem;padding:1rem 3rem 1rem 1.5rem}.search-section .search-bar .search-input::placeholder{color:#a0aec0;font-weight:400}.search-section .search-bar .search-input:focus{outline:none}.search-section .search-bar .search-clear-icon{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:2rem}.search-section .search-bar .search-clear-icon svg{height:16px;transition:all .2s ease;width:16px}.search-section .search-bar .search-clear-icon:hover{background:#f3f4f6;color:#374151}.search-section .search-bar .search-clear-icon:hover svg{transform:scale(1.1)}.search-section .search-bar .search-clear-icon:focus{background:#f3f4f6;outline:2px solid #3b82f6;outline-offset:2px}.search-section .search-bar .search-clear-icon:active{background:#e5e7eb;transform:translateY(-50%) scale(.95)}@media(max-width:1080px){.search-section{margin-bottom:1rem;padding:1rem}.search-section .search-bar{border-radius:12px;max-width:100%;padding:.5rem}.search-section .search-bar .search-input{border-radius:12px;font-size:1rem;padding:.75rem 3rem .75rem 1rem}.search-section .search-bar .search-clear-icon{height:1.6rem;right:1rem;width:1.6rem}.search-section .search-bar .search-clear-icon svg{height:14px;width:14px}}@media(max-width:480px){.search-section{margin-bottom:1rem;padding:.75rem 1rem}.search-section .search-bar{border-radius:10px;padding:.375rem}.search-section .search-bar .search-input{font-size:.95rem;padding:.625rem 2.5rem .625rem 1rem}.search-section .search-bar .search-clear-icon{height:1.5rem;right:.75rem;width:1.5rem}.search-section .search-bar .search-clear-icon svg{height:12px;width:12px}}.filterable-select{display:block;position:relative;width:100%}.filterable-select--disabled{cursor:not-allowed;opacity:.6}.filterable-select--disabled .filterable-select__control{cursor:not-allowed}.filterable-select__control{align-items:center;background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius,4px);cursor:pointer;display:flex;min-height:38px;padding:2px 8px;position:relative;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filterable-select__control:hover{border-color:#007bff;border-color:var(--color-primary,#007bff)}.filterable-select__control:focus-within{outline:none}.filterable-select--open .filterable-select__control,.filterable-select__control:focus-within{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 .2rem #007bff40}.filterable-select__value-container{align-items:center;display:flex;flex:1 1;min-height:34px;padding:2px 0}.filterable-select__placeholder{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px}.filterable-select__single-value{color:#212529;color:var(--color-text,#212529);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filterable-select__indicators{align-items:center;display:flex;gap:4px}.filterable-select__clear-indicator{align-items:center;background:none;border:none;border-radius:2px;color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:4px;transition:color .15s ease-in-out}.filterable-select__clear-indicator:hover{color:#dc3545;color:var(--color-danger,#dc3545)}.filterable-select__clear-indicator:focus{outline:1px solid #007bff;outline:1px solid var(--color-primary,#007bff);outline-offset:1px}.filterable-select__dropdown-indicator{align-items:center;color:#6c757d;color:var(--color-text-muted,#6c757d);display:flex;justify-content:center;padding:4px;transition:transform .15s ease-in-out,color .15s ease-in-out}.filterable-select--open .filterable-select__dropdown-indicator{color:#007bff;color:var(--color-primary,#007bff);transform:rotate(180deg)}.filterable-select__menu{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius,4px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-dropdown,0 2px 8px #0000001a);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.filterable-select__search{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-light,#f0f0f0);padding:8px}.filterable-select__search-input{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius,4px);font-size:14px;outline:none;padding:6px 8px;transition:border-color .15s ease-in-out;width:100%}.filterable-select__search-input:focus{border-color:#007bff;border-color:var(--color-primary,#007bff)}.filterable-select__search-input::placeholder{color:#6c757d;color:var(--color-text-muted,#6c757d)}.filterable-select__options{max-height:inherit;overflow-y:auto}.filterable-select__option-wrapper{cursor:pointer}.filterable-select__option-wrapper:hover .filterable-select__option{background:#f8f9fa;background:var(--color-background-hover,#f8f9fa)}.filterable-select__option-wrapper:focus{outline:none}.filterable-select__option-wrapper:focus .filterable-select__option{background:#f8f9fa;background:var(--color-background-hover,#f8f9fa)}.filterable-select__option{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;transition:background-color .15s ease-in-out}.filterable-select__option--selected{background:#e7f3ff;background:var(--color-primary-light,#e7f3ff);color:#007bff;color:var(--color-primary,#007bff)}.filterable-select__option-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filterable-select__option-check{color:#007bff;color:var(--color-primary,#007bff);font-weight:700;margin-left:8px}.filterable-select__no-options{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px;font-style:italic;padding:12px;text-align:center}.filterable-select__create-option{color:#007bff;color:var(--color-primary,#007bff);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .15s ease-in-out}.filterable-select__create-option:hover{background:#f8f9fa;background:var(--color-background-hover,#f8f9fa)}@media(max-width:1080px){.filterable-select__search-input{font-size:16px}}.thumbnail{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;overflow:hidden}.thumbnail.size-small{border-radius:6px;height:48px;width:48px}.thumbnail.size-small .fallback-icon{font-size:1.25rem}.thumbnail.size-small .fallback-text{font-size:.625rem}.thumbnail.size-medium{height:80px;width:80px}.thumbnail.size-medium .fallback-icon{font-size:1.75rem}.thumbnail.size-medium .fallback-text{font-size:.75rem}.thumbnail.size-large{aspect-ratio:1;height:100%;width:100%}.thumbnail.size-large .fallback-icon{font-size:2.5rem}.thumbnail.size-large .fallback-text{font-size:.875rem}.thumbnail.loading{background:#f3f4f6}.thumbnail.loading .thumbnail-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.thumbnail.loading .thumbnail-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.thumbnail.placeholder{background:#f0f0f0;color:#6b7280;color:var(--text-secondary,#6b7280)}.thumbnail.placeholder .thumbnail-fallback{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.thumbnail.placeholder .thumbnail-fallback.show-camera:before{color:#999;content:"📷";font-size:1.5rem;opacity:.4}.thumbnail .thumbnail-container{height:100%;position:relative;width:100%}.thumbnail .thumbnail-container .thumbnail-placeholder{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.thumbnail .thumbnail-container .thumbnail-placeholder .thumbnail-fallback{align-items:center;background:#f0f0f0;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.thumbnail .thumbnail-container .thumbnail-placeholder .thumbnail-fallback.show-camera:before{color:#999;content:"📷";font-size:1.5rem;opacity:.4}.thumbnail .thumbnail-container .thumbnail-image{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.thumbnail .thumbnail-container .thumbnail-image.loading{opacity:0}.thumbnail .thumbnail-container .thumbnail-image.loaded{opacity:1}.thumbnail.size-small .thumbnail-fallback.show-camera:before,.thumbnail.size-small .thumbnail-placeholder .thumbnail-fallback.show-camera:before{font-size:1rem}.thumbnail.size-medium .thumbnail-fallback.show-camera:before,.thumbnail.size-medium .thumbnail-placeholder .thumbnail-fallback.show-camera:before{font-size:1.25rem}.thumbnail.size-large .thumbnail-fallback.show-camera:before,.thumbnail.size-large .thumbnail-placeholder .thumbnail-fallback.show-camera:before{font-size:1.5rem}@media(max-width:1080px){.thumbnail.size-large{height:100%;width:100%}}.horizontal-category-filter{display:grid;margin-bottom:1.5rem;width:100%}.horizontal-category-filter .category-filter-header{align-items:center;display:flex;justify-content:space-between}.horizontal-category-filter .category-filter-header .filter-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.horizontal-category-filter .category-filter-header .clear-selection-btn{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background-color .2s ease}.horizontal-category-filter .category-filter-header .clear-selection-btn:hover{background-color:#007bff1a;background-color:var(--color-primary-light,#007bff1a)}.horizontal-category-filter .embla{background-color:#00000005;background-color:var(--color-gray-50,#00000005);border:1px solid #0000001a;border:1px solid var(--color-gray-200,#0000001a);border-radius:12px;max-width:100%;overflow:hidden;padding:.75rem;position:relative}.horizontal-category-filter .embla:after,.horizontal-category-filter .embla:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:20px;z-index:2}.horizontal-category-filter .embla:before{background:linear-gradient(90deg,#f8f9fa 0,#f8f9facc 50%,#0000);background:linear-gradient(to right,var(--color-gray-50,#f8f9fa) 0,var(--color-gray-50,#f8f9facc) 50%,#0000 100%);left:0;opacity:.9}.horizontal-category-filter .embla:after{background:linear-gradient(270deg,#f8f9fa 0,#f8f9facc 50%,#0000);background:linear-gradient(to left,var(--color-gray-50,#f8f9fa) 0,var(--color-gray-50,#f8f9facc) 50%,#0000 100%);opacity:.9;right:0}.horizontal-category-filter .embla__container{cursor:grab;display:flex;gap:1rem;padding:.5rem 0}.horizontal-category-filter .embla__container:active{cursor:grabbing}.horizontal-category-filter .embla__slide{flex:0 0 auto;min-width:0}.horizontal-category-filter .embla__slide .category-thumbnail{-webkit-touch-callout:none;align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;min-width:120px;padding:.75rem;touch-action:pan-x;transition:all .2s ease;user-select:none;-webkit-user-select:none}.horizontal-category-filter .embla__slide .category-thumbnail:hover{box-shadow:none;transform:translateY(-2px)}.horizontal-category-filter .embla__slide .category-thumbnail.selected{background-color:#007bff1a;background-color:var(--color-primary-light,#007bff1a);border:1px dashed var(--color-primary)}.horizontal-category-filter .embla__slide .category-thumbnail.selected .category-name{color:var(--color-primary);font-weight:600}.horizontal-category-filter .embla__slide .category-thumbnail .thumbnail-image{align-items:center;border-radius:12px;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:80px}.horizontal-category-filter .embla__slide .category-thumbnail .thumbnail-image .category-initial{color:#fff;font-size:2.25rem;font-weight:700;text-shadow:1px 1px 2px #0000004d}.horizontal-category-filter .embla__slide .category-thumbnail .category-name{color:var(--text-secondary);font-size:.875rem;max-width:120px;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.horizontal-category-filter .embla__slide .category-thumbnail.skeleton{cursor:default}.horizontal-category-filter .embla__slide .category-thumbnail.skeleton:hover{background:none;transform:none}.horizontal-category-filter .embla__slide .category-thumbnail.skeleton .thumbnail-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:12px;height:90px;width:90px}.horizontal-category-filter .embla__slide .category-thumbnail.skeleton .category-name-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:4px;height:14px;width:90px}@media(max-width:1080px){.horizontal-category-filter .embla{max-width:calc(100vw - 50px);padding:.5rem}.horizontal-category-filter .embla__container{gap:.75rem;padding:.25rem 0}.horizontal-category-filter .embla__slide .category-thumbnail{min-width:105px;padding:.5rem}.horizontal-category-filter .embla__slide .category-thumbnail .thumbnail-image{border-radius:10px}.horizontal-category-filter .embla__slide .category-thumbnail .thumbnail-image .category-initial{font-size:1.875rem}.horizontal-category-filter .embla__slide .category-thumbnail .category-name{font-size:.8rem;max-width:105px}}.tags-container{width:100%}.no-tags,.tags-loading{color:#6c757d;color:var(--color-text-muted,#6c757d);font-style:italic;padding:.5rem 0}.tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tags-list--small{gap:.25rem}.tags-list--small .tag{border-radius:.25rem;font-size:.75rem;padding:.125rem .5rem}.tags-list--medium{gap:.5rem}.tags-list--medium .tag{border-radius:.375rem;font-size:.875rem;padding:.25rem .75rem}.tags-list--large{gap:.75rem}.tags-list--large .tag{border-radius:.5rem;font-size:1rem;padding:.375rem 1rem}.tags-list--minimal .tag{background:#0000;border:none;border-radius:0;padding:.125rem .25rem;text-decoration:underline}.tags-list--minimal .tag.tag-interactive:hover{background:#f8f9fa;background:var(--color-background-hover,#f8f9fa)}.tags-list--minimal .tag.tag-active{color:#007bff;color:var(--color-primary,#007bff);font-weight:600}.tags-list--outlined .tag{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0)}.tags-list--outlined .tag.tag-active{background:#007bff;background:var(--color-primary,#007bff);border-color:#007bff;border-color:var(--color-primary,#007bff);color:#fff}.tags-list--outlined .tag.tag-interactive:hover:not(.tag-active){border-color:#007bff;border-color:var(--color-primary,#007bff);color:#007bff;color:var(--color-primary,#007bff)}.tag{align-items:center;border:1px solid #0000;display:inline-flex;font-weight:500;justify-content:center;line-height:1.2;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.tag.tag-interactive{cursor:pointer}.tag.tag-interactive:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.tag.tag-interactive:active{transform:translateY(0)}.tag.tag-static{cursor:default}.tag.tag-inactive{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border-color:#e0e0e0;border-color:var(--color-border,#e0e0e0);color:#6c757d;color:var(--color-text-secondary,#6c757d)}.tag.tag-inactive.tag-interactive:hover{background:#e9ecef;background:var(--color-background-hover,#e9ecef);border-color:#d0d7de;border-color:var(--color-border-hover,#d0d7de);color:#333;color:var(--color-text-primary,#333)}.tag.tag-active{background:#007bff;background:var(--color-primary,#007bff);border-color:#007bff;border-color:var(--color-primary,#007bff);color:#fff;font-weight:600}.tag.tag-active.tag-interactive:hover{background:#0056b3;background:var(--color-primary-dark,#0056b3);border-color:#0056b3;border-color:var(--color-primary-dark,#0056b3)}.tag.tag-display{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border-color:#e0e0e0;border-color:var(--color-border,#e0e0e0);color:#6c757d;color:var(--color-text-secondary,#6c757d)}.tag.tag-colored.tag-interactive:not(.tag-active):hover{background:#e9ecef;background:var(--tag-hover-color,var(--color-background-hover,#e9ecef));border-color:#d0d7de;border-color:var(--tag-color,var(--color-border-hover,#d0d7de));color:#333;color:var(--tag-hover-text-color,var(--color-text-primary,#333))}.tag.tag-more{background:#e9ecef;background:var(--color-background-tertiary,#e9ecef);border-color:#f0f0f0;border-color:var(--color-border-light,#f0f0f0);color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:default;font-weight:400}@media(max-width:1080px){.tags-list{gap:.375rem}.tags-list--small{gap:.25rem}.tags-list--medium{gap:.375rem}.tags-list--large{gap:.5rem}.tag{font-size:.8rem;padding:.2rem .6rem}.tag.tag-interactive:hover{transform:none}}@media(prefers-reduced-motion:reduce){.tag{transition:none}.tag.tag-interactive:hover{transform:none}}@media(prefers-contrast:high){.tag{border-width:2px}.tag.tag-active,.tag.tag-inactive{border-color:currentColor}}.tags-container .tags-list{gap:8px}.tags-container .tag{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px;transition:all .3s ease}.tags-container .tag.tag-inactive{background-color:#e9ecef;border:1px solid #dee2e6;color:#6c757d}.tags-container .tag.tag-inactive:hover{background-color:#dee2e6;box-shadow:0 2px 4px #0000001a;color:#495057;transform:translateY(-1px)}.tags-container .tag.tag-inactive.tag-colored:hover{background-color:#dee2e6!important;background-color:var(--tag-hover-color,#dee2e6)!important;border-color:#dee2e6!important;border-color:var(--tag-color,#dee2e6)!important;box-shadow:0 2px 4px #0000001a;color:#495057!important;color:var(--tag-hover-text-color,#495057)!important;transform:translateY(-1px)}.tags-container .tag.tag-active.tag-colored:hover{filter:brightness(1.1);transform:translateY(-1px)}.tags-container .tag:active{transform:translateY(0)}.tags-section.simple{margin-bottom:30px}.tags-section.simple h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 15px}.tags-section.simple .tags-container .tags-list{gap:8px}.tags-section.simple .tags-container .tag{background-color:#e9ecef;border-radius:16px;color:#495057;font-size:12px;font-weight:500;padding:4px 12px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.status-badge.status-reserved{background-color:var(--status-reservation-bg);border:1px solid var(--status-reservation-border);color:var(--status-reservation-text)}.status-badge.status-reservation-active,.status-badge.status-reserved:hover{background-color:var(--status-reservation-border);border-color:var(--status-reservation)}.status-badge.status-reservation-active{animation:pulse-reservation-active 2s infinite;border:1px solid var(--status-reservation-border);color:var(--status-reservation-text)}.status-badge.status-reservation-expired{background-color:#fce4ec;border:1px solid #f8bbd9;color:#880e4f}.status-badge.status-reservation-expired:hover{background-color:#f8bbd9;border-color:#e91e63}.status-badge.status-borrowed-active{background-color:var(--status-borrowing-active-bg);border:1px solid var(--status-borrowing-active-border);color:var(--status-borrowing-active-text)}.status-badge.status-borrowed-active:hover,.status-badge.status-overdue{background-color:var(--status-borrowing-active-border);border-color:var(--status-borrowing-active)}.status-badge.status-overdue{animation:pulse-overdue 2s infinite;border:1px solid var(--status-borrowing-active-border);color:var(--status-borrowing-active-text)}.status-badge.status-returned{background-color:var(--status-borrowing-returned-bg);border:1px solid var(--status-borrowing-returned-border);color:var(--status-borrowing-returned-text)}.status-badge.status-returned:hover{background-color:var(--status-borrowing-returned-border);border-color:var(--status-borrowing-returned)}.status-badge.status-available{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.status-available:hover{background-color:#c3e6cb;border-color:#28a745}.status-badge.status-unavailable{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-badge.status-unavailable:hover{background-color:#f5c6cb;border-color:#dc3545}.status-badge.status-consumption{background-color:var(--status-consumption-bg);border:1px solid var(--status-consumption-border);color:var(--status-consumption-text)}.status-badge.status-consumption:hover{background-color:var(--status-consumption-border);border-color:var(--status-consumption)}.status-badge.status-refill{background-color:var(--status-refill-bg);border:1px solid var(--status-refill-border);color:var(--status-refill-text)}.status-badge.status-refill:hover{background-color:var(--status-refill-border);border-color:var(--status-refill)}.status-badge.status-unknown{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-badge.status-unknown:hover{background-color:#d6d8db;border-color:#6c757d}.status-badge.size-small{border-radius:12px;font-size:.75rem;padding:.25rem .5rem}.status-badge.size-large{border-radius:25px;font-size:1rem;padding:.75rem 1.5rem}@keyframes pulse-overdue{0%{box-shadow:0 0 0 0 #e67e2266}70%{box-shadow:0 0 0 18px #e67e2200}to{box-shadow:0 0 0 0 #e67e2200}}@keyframes pulse-reservation-active{0%{box-shadow:0 0 0 0 #f1c40f66}70%{box-shadow:0 0 0 18px #f1c40f00}to{box-shadow:0 0 0 0 #f1c40f00}}.attachment-uploader{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;transition:all .2s ease}.attachment-uploader.dragging{background-color:#eff6ff;border-color:#3b82f6}.attachment-uploader.disabled{cursor:not-allowed;opacity:.5}.attachment-uploader.disabled .upload-area{cursor:not-allowed}.attachment-uploader .upload-area{color:inherit;cursor:pointer;display:block;padding:2rem;text-align:center;text-decoration:none}.attachment-uploader .upload-area:hover:not(.disabled){background-color:#f3f4f6}.attachment-uploader .upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.attachment-uploader .upload-icon{font-size:2rem;opacity:.6}.attachment-uploader .upload-text{display:flex;flex-direction:column;gap:.5rem}.attachment-uploader .primary-text{color:#374151;font-weight:500}.attachment-uploader .secondary-text{color:#6b7280;font-size:.875rem}.attachment-uploader .upload-status{align-items:center;color:#3b82f6;display:flex;flex-direction:column;gap:1rem}.attachment-uploader .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.attachment-uploader.compact .upload-area{padding:1rem}.attachment-uploader.compact .upload-icon{font-size:1.5rem}.attachment-uploader.compact .upload-text{gap:.25rem}.attachment-uploader.compact .primary-text{font-size:.875rem}.attachment-uploader.compact .secondary-text{font-size:.75rem}.attachment-preview-modal{align-items:center;animation:fadeIn .3s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.attachment-preview-modal .simple-image-preview{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.attachment-preview-modal .simple-image-preview .simple-close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:50px;z-index:1001}.attachment-preview-modal .simple-image-preview .simple-close-btn:hover{background:#000000e6;transform:scale(1.1)}.attachment-preview-modal .simple-image-preview .simple-close-btn:active{transform:scale(.95)}.attachment-preview-modal .simple-image-preview .fullscreen-image{max-height:100vh;max-width:100vw;object-fit:contain;-webkit-user-select:none;user-select:none}.attachment-preview-modal .preview-container{animation:slideUp .3s ease-out;display:flex;flex-direction:column;height:100%;max-height:100vh;max-width:100vw;overflow:hidden;width:100%}@media(min-width:768px){.attachment-preview-modal .preview-container{height:90vh;max-height:800px;max-width:1200px;width:90vw}}.attachment-preview-modal .preview-container .preview-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;padding:16px 20px}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-header{align-items:flex-start;flex-direction:row;justify-content:space-between;padding:20px 24px}}.attachment-preview-modal .preview-container .preview-header .file-info-header{flex:1 1;min-width:0}.attachment-preview-modal .preview-container .preview-header .file-info-header .file-title{color:#1e293b;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 8px;word-break:break-word}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-header .file-info-header .file-title{font-size:1.25rem}}.attachment-preview-modal .preview-container .preview-header .file-info-header .file-description{color:#64748b;font-size:.875rem;font-style:italic;line-height:1.5;margin:0 0 12px}.attachment-preview-modal .preview-container .preview-header .file-info-header .file-details{color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:16px}.attachment-preview-modal .preview-container .preview-header .file-info-header .file-details .file-size{color:#475569;font-weight:600}.attachment-preview-modal .preview-container .preview-header .file-info-header .file-details .file-type{background:#e2e8f0;border-radius:12px;font-weight:500;padding:2px 8px}.attachment-preview-modal .preview-container .preview-header .preview-actions{display:flex;flex-shrink:0;gap:8px}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-header .preview-actions{margin-left:20px}}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button{padding:12px 20px}}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button .btn-icon{font-size:1rem}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button .btn-text{display:none}@media(min-width:640px){.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button .btn-text{display:inline}}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button:active{transform:translateY(0)}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button.download-btn{border-color:#3b82f6;color:#1d4ed8}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button.download-btn:hover{background:#dbeafe;border-color:#2563eb}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button.close-btn{border-color:#d1d5db;border-color:var(--color-gray-300,#d1d5db);color:#6c757d;color:var(--color-gray-600,#6c757d)}.attachment-preview-modal .preview-container .preview-header .preview-actions .action-button.close-btn:hover{background:#f8f9fa;background:var(--color-gray-50,#f8f9fa);border-color:#9ca3af;border-color:var(--color-gray-400,#9ca3af)}.attachment-preview-modal .preview-container .preview-content{align-items:center;background:#f8fafc;display:flex;flex:1 1;justify-content:center;overflow:hidden}.attachment-preview-modal .preview-container .preview-content .preview-image-container{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.attachment-preview-modal .preview-container .preview-content .preview-image-container .preview-image{border-radius:8px;box-shadow:0 10px 30px #0003;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.attachment-preview-modal .preview-container .preview-content .preview-pdf-container{height:100%;padding:16px;width:100%}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-content .preview-pdf-container{padding:20px}}.attachment-preview-modal .preview-container .preview-content .preview-pdf-container .preview-pdf{border:none;border-radius:8px;box-shadow:0 4px 20px #0000001a;height:100%;width:100%}.attachment-preview-modal .preview-container .preview-content .preview-file-container{align-items:center;display:flex;height:100%;justify-content:center;padding:40px 20px;width:100%}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info{max-width:400px;text-align:center}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .file-icon-large{font-size:4rem;margin-bottom:20px;opacity:.6}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .file-icon-large{font-size:5rem;margin-bottom:24px}}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .file-name{color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 16px;word-break:break-word}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .file-name{font-size:1.25rem;margin-bottom:20px}}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .file-message{color:#64748b;font-size:.95rem;line-height:1.6;margin:0 0 24px}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .file-message{font-size:1rem;margin-bottom:32px}}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .download-primary-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin:0 auto;padding:14px 28px;transition:all .2s ease}@media(min-width:768px){.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .download-primary-btn{font-size:1rem;padding:16px 32px}}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .download-primary-btn .btn-icon{font-size:1.1rem}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .download-primary-btn:hover{background:#2563eb;box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.attachment-preview-modal .preview-container .preview-content .preview-file-container .file-info .download-primary-btn:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-edit-modal{padding:1rem}.ai-edit-modal .image-preview{align-items:center;background-color:var(--background-secondary);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.ai-edit-modal .image-preview .preview-image{border:1px solid var(--border-color);border-radius:6px;height:80px;object-fit:cover;width:80px}.ai-edit-modal .image-preview .image-info{flex:1 1}.ai-edit-modal .image-preview .image-info .filename{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500}.ai-edit-modal .edit-form .form-group{margin-bottom:1.5rem}.ai-edit-modal .edit-form .form-group .form-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.ai-edit-modal .edit-form .form-group .form-textarea{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.9rem;line-height:1.4;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.ai-edit-modal .edit-form .form-group .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.ai-edit-modal .edit-form .form-group .form-textarea:disabled{background-color:var(--background-disabled);color:var(--text-disabled);cursor:not-allowed}.ai-edit-modal .edit-form .form-group .form-textarea::placeholder{color:var(--text-secondary);font-style:italic}.ai-edit-modal .edit-form .form-group .provider-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;font-style:italic;gap:.25rem;margin:.5rem 0 0}.ai-edit-modal .edit-form .form-group .provider-info .fa-icon{color:var(--primary-color)}.ai-edit-modal .edit-form .form-group .advanced-options{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.ai-edit-modal .edit-form .form-group .advanced-options .dimensions-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}@media(max-width:768px){.ai-edit-modal .edit-form .form-group .advanced-options .dimensions-group{grid-template-columns:1fr}}.ai-edit-modal .edit-form .form-group .form-input,.ai-edit-modal .edit-form .form-group .form-select{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.5rem;transition:border-color .2s ease;width:100%}.ai-edit-modal .edit-form .form-group .form-input:focus,.ai-edit-modal .edit-form .form-group .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.ai-edit-modal .edit-form .form-group .form-input:disabled,.ai-edit-modal .edit-form .form-group .form-select:disabled{background-color:var(--background-disabled);color:var(--text-disabled);cursor:not-allowed}.ai-edit-modal .edit-form .form-group .form-range{accent-color:var(--primary-color);margin:.5rem 0;width:100%}.ai-edit-modal .edit-form .form-group .range-value{color:var(--primary-color);display:inline-block;font-weight:500;margin-left:.5rem;min-width:20px}.ai-edit-modal .edit-form .form-group .provider-selection{display:flex;flex-direction:column;gap:.5rem}.ai-edit-modal .edit-form .form-group .provider-selection .radio-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s ease}.ai-edit-modal .edit-form .form-group .provider-selection .radio-label:hover{background-color:var(--background-secondary)}.ai-edit-modal .edit-form .form-group .provider-selection .radio-label input[type=radio]{accent-color:var(--primary-color)}.ai-edit-modal .edit-form .form-group .provider-selection .radio-label span{color:var(--text-primary);font-size:.9rem}.ai-edit-modal .edit-form .form-group .advanced-toggle{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:0;text-decoration:none}.ai-edit-modal .edit-form .form-group .advanced-toggle:hover{text-decoration:underline}.ai-edit-modal .edit-form .form-group .advanced-toggle:disabled{cursor:not-allowed;opacity:.6}.ai-edit-modal .edit-form .form-group .checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem}.ai-edit-modal .edit-form .form-group .checkbox-label .checkbox-input{accent-color:var(--primary-color);margin-top:.2rem}.ai-edit-modal .edit-form .form-group .checkbox-label .checkbox-input:disabled{cursor:not-allowed}.ai-edit-modal .edit-form .form-group .checkbox-label .checkbox-text{color:var(--text-primary);font-size:.9rem;font-weight:500}.ai-edit-modal .edit-form .form-group .option-description{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin:0;padding-left:1.5rem}.ai-edit-modal .edit-form .form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.ai-edit-modal .edit-form .form-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.6rem 1.2rem;transition:all .2s ease}.ai-edit-modal .edit-form .form-actions .btn:disabled{cursor:not-allowed;opacity:.6}.ai-edit-modal .edit-form .form-actions .btn.btn-secondary{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.ai-edit-modal .edit-form .form-actions .btn.btn-secondary:hover:not(:disabled){background-color:var(--background-tertiary)}.ai-edit-modal .edit-form .form-actions .btn.btn-primary{background-color:var(--primary-color);color:#fff}.ai-edit-modal .edit-form .form-actions .btn.btn-primary:hover:not(:disabled){background-color:var(--primary-color-dark)}@media(max-width:768px){.ai-edit-modal{padding:.8rem}.ai-edit-modal .image-preview{align-items:flex-start;flex-direction:column;gap:.8rem}.ai-edit-modal .image-preview .preview-image{align-self:center;height:150px;max-width:200px;width:100%}.ai-edit-modal .edit-form .form-actions{flex-direction:column-reverse}.ai-edit-modal .edit-form .form-actions .btn{width:100%}}.image-crop-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:800px}.image-crop-modal .modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:0;padding:0 0 0 1.5rem}.image-crop-modal .modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.image-crop-modal .modal-header .close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.image-crop-modal .modal-header .close-btn:hover{background:#f3f4f6;color:#374151}.image-crop-modal .modal-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.image-crop-modal .modal-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.image-crop-modal .modal-content .crop-container{background:#f3f4f6;flex:1 1;min-height:400px;position:relative}.image-crop-modal .modal-content .crop-controls{grid-gap:1rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.image-crop-modal .modal-content .crop-controls .control-group{display:flex;flex-direction:column;gap:.5rem}.image-crop-modal .modal-content .crop-controls .control-group label{color:#374151;font-size:.875rem;font-weight:500}.image-crop-modal .modal-content .crop-controls .control-group .slider{appearance:none;background:#d1d5db;border-radius:3px;height:6px;outline:none;transition:background .2s ease;width:150px}.image-crop-modal .modal-content .crop-controls .control-group .slider::-webkit-slider-thumb{appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.image-crop-modal .modal-content .crop-controls .control-group .slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.image-crop-modal .modal-content .crop-controls .control-group .slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.image-crop-modal .modal-content .crop-controls .control-group .slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.image-crop-modal .modal-content .crop-controls .control-group .slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #3b82f633}.image-crop-modal .modal-content .crop-controls .control-group .slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #3b82f633}.image-crop-modal .modal-content .crop-controls .control-group .value{color:#6b7280;font-size:.875rem;min-width:50px;text-align:center}.image-crop-modal .modal-content .crop-controls .control-group .control-input-wrapper{align-items:center;display:flex;gap:.5rem}.image-crop-modal .modal-content .crop-controls .control-group .control-input-wrapper .control-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.image-crop-modal .modal-content .crop-controls .control-group .control-input-wrapper .control-btn:hover:not(:disabled){background:#f3f4f6;border-color:#3b82f6}.image-crop-modal .modal-content .crop-controls .control-group .control-input-wrapper .control-btn:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.image-crop-modal .modal-content .crop-controls .control-group .control-input-wrapper .control-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.image-crop-modal .modal-content .crop-controls .control-group .control-input-wrapper .control-btn svg{color:#6b7280;height:14px;width:14px}.image-crop-modal .modal-content .crop-controls .control-group .control-input-wrapper .slider{flex:1 1}.image-crop-modal .modal-content .crop-controls .control-group .aspect-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem;transition:border-color .2s ease}.image-crop-modal .modal-content .crop-controls .control-group .aspect-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.image-crop-modal .modal-content .crop-controls .control-group .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.image-crop-modal .modal-content .crop-controls .control-group .btn.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.image-crop-modal .modal-content .crop-controls .control-group .btn.btn-secondary:hover{background:#e5e7eb}.image-crop-modal .modal-content .crop-controls .control-group .btn:disabled{cursor:not-allowed;opacity:.5}.image-crop-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.image-crop-modal .modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.625rem 1.25rem;transition:all .2s ease}.image-crop-modal .modal-footer .btn.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.image-crop-modal .modal-footer .btn.btn-secondary:hover{background:#e5e7eb}.image-crop-modal .modal-footer .btn.btn-primary{background:#3b82f6;color:#fff}.image-crop-modal .modal-footer .btn.btn-primary:hover{background:#2563eb}.image-crop-modal .modal-footer .btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@media(max-width:768px){.image-crop-modal{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.image-crop-modal .modal-content .crop-container{min-height:300px}.image-crop-modal .modal-content .crop-controls{grid-template-columns:1fr;padding:1rem}.image-crop-modal .modal-footer{flex-direction:column-reverse}.image-crop-modal .modal-footer .btn{width:100%}}@media(prefers-color-scheme:dark){.image-crop-modal{background:#1f2937;color:#f9fafb}.image-crop-modal .modal-header{background:#111827;border-bottom-color:#374151}.image-crop-modal .modal-header h3{color:#f9fafb}.image-crop-modal .modal-header .close-btn{color:#9ca3af}.image-crop-modal .modal-header .close-btn:hover{background:#374151;color:#f3f4f6}.image-crop-modal .modal-content .crop-container{background:#111827}.image-crop-modal .modal-content .crop-controls{background:#111827;border-top-color:#374151}.image-crop-modal .modal-content .crop-controls .control-group label{color:#e5e7eb}.image-crop-modal .modal-content .crop-controls .control-group .value{color:#9ca3af}.image-crop-modal .modal-content .crop-controls .control-group .aspect-select,.image-crop-modal .modal-content .crop-controls .control-group .btn.btn-secondary{background:#374151;border-color:#4b5563;color:#f9fafb}.image-crop-modal .modal-content .crop-controls .control-group .btn.btn-secondary:hover{background:#4b5563}.image-crop-modal .modal-content .crop-controls .control-group .control-btn{background:#374151;border-color:#4b5563}.image-crop-modal .modal-content .crop-controls .control-group .control-btn:hover:not(:disabled){background:#4b5563;border-color:#3b82f6}.image-crop-modal .modal-content .crop-controls .control-group .control-btn:disabled{background:#1f2937}.image-crop-modal .modal-content .crop-controls .control-group .control-btn svg{color:#9ca3af}.image-crop-modal .modal-footer{background:#111827;border-top-color:#374151}.image-crop-modal .modal-footer .btn.btn-secondary{background:#374151;border-color:#4b5563;color:#f9fafb}.image-crop-modal .modal-footer .btn.btn-secondary:hover{background:#4b5563}}.attachment-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease;width:180px}.attachment-card:active{transform:scale(.98)}@media(min-width:768px){.attachment-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}}.attachment-card .attachment-preview{align-items:center;background:#f8fafc;cursor:pointer;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.attachment-card .attachment-preview .image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.attachment-card .attachment-preview .image-wrapper .image-placeholder{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px;position:absolute;z-index:1}.attachment-card .attachment-preview .image-wrapper .image-placeholder .icon{font-size:2rem}.attachment-card .attachment-preview .image-wrapper .image-placeholder .loading-text{font-size:.875rem;font-weight:500}.attachment-card .attachment-preview .image-wrapper .attachment-image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.attachment-card .attachment-preview .image-wrapper .attachment-image.loading{opacity:.3}.attachment-card .attachment-preview .image-wrapper .attachment-image.loaded{opacity:1}.attachment-card .attachment-preview .file-placeholder{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.attachment-card .attachment-preview .file-placeholder .file-icon{font-size:3rem}.attachment-card .attachment-preview .file-placeholder .file-type{background:#e2e8f0;border-radius:20px;color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.attachment-card .attachment-preview .preview-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.attachment-card .attachment-preview .preview-overlay .preview-icon{font-size:2rem}.attachment-card .attachment-preview .preview-overlay .preview-text{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.attachment-card .attachment-preview:active .preview-overlay{opacity:1}@media(min-width:768px){.attachment-card .attachment-preview:hover .preview-overlay{opacity:1}}.attachment-card .attachment-info{display:flex;flex-direction:column;gap:12px;padding:16px}.attachment-card .attachment-info .attachment-details{flex:1 1}.attachment-card .attachment-info .attachment-details .filename{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card .attachment-info .attachment-details .file-meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.attachment-card .attachment-info .attachment-details .file-meta .file-size{color:#64748b;flex:1 1;font-size:.8rem;font-weight:500;text-align:center}.attachment-card .attachment-info .attachment-details .file-meta .order-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.attachment-card .attachment-info .attachment-details .file-meta .order-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.attachment-card .attachment-info .attachment-details .file-meta .order-btn:active{transform:scale(.95)}.attachment-card .attachment-info .attachment-details .file-meta .order-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.attachment-card .attachment-info .attachment-details .description{color:#64748b;font-size:.8rem;font-style:italic;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card .attachment-info .attachment-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:center;padding-top:12px}.attachment-card .attachment-info .attachment-actions .action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.attachment-card .attachment-info .attachment-actions .action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.attachment-card .attachment-info .attachment-actions .action-btn:active{transform:scale(.95)}.attachment-card .attachment-info .attachment-actions .action-btn.order-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.attachment-card .attachment-info .attachment-actions .action-btn.delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.attachment-card .attachment-info .attachment-actions .action-btn.delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.attachment-card .attachment-info .attachment-actions .action-btn.ai-edit-btn{background:#f3f4f6;border-color:#c4b5fd;color:#7c3aed}.attachment-card .attachment-info .attachment-actions .action-btn.ai-edit-btn:hover{background:#ede9fe;border-color:#a78bfa}.attachment-card .attachment-info .attachment-actions .action-btn.ai-edit-btn:disabled{cursor:not-allowed;opacity:.6}.attachment-card .attachment-info .attachment-actions .action-btn.crop-btn{background:#f0fdf4;border-color:#a7f3d0;color:#059669}.attachment-card .attachment-info .attachment-actions .action-btn.crop-btn:hover{background:#dcfce7;border-color:#6ee7b7}.attachment-card .attachment-info .attachment-actions .action-btn.crop-btn:disabled{cursor:not-allowed;opacity:.6}.attachment-card.compact .attachment-preview{height:120px}.attachment-card.compact .attachment-info{padding:12px}.attachment-card.compact .attachment-info .attachment-details .filename{font-size:.875rem}@media(max-width:1080px){.image-manager.compact .image-gallery-section .attachment-gallery .attachments-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.attachment-card{width:140px}}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:100%}.attachments-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.attachments-grid.single-row{grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.attachments-grid.category-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.attachments-grid.borrowing-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.attachments-grid.resource-gallery{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.carousel{--slide-height:19rem;--slide-spacing:1rem;--slide-size:70%;margin:auto;max-width:100%}.carousel .carousel__viewport{overflow:hidden}.carousel .carousel__container{display:flex;margin-left:calc(var(--slide-spacing)*-1);touch-action:pan-y pinch-zoom}.carousel .carousel__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);transform:translateZ(0);transition:opacity .2s ease-in-out}.carousel .carousel__slide:not(.is-snapped){opacity:.6}.carousel .carousel__slide .attachment-card{border-radius:1.2rem;overflow:hidden}.carousel .carousel__slide .attachment-card .attachment-image{border-radius:inherit;height:100%;object-fit:cover;width:100%}.carousel .carousel__slide .attachment-card .attachment-info{background:linear-gradient(#0000,#000000b3);border-radius:0 0 1.2rem 1.2rem;bottom:0;color:#fff;left:0;padding:1rem;position:absolute;right:0}.carousel .carousel__controls{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:auto 1fr;justify-content:space-between;margin-top:1.8rem}.carousel .carousel__buttons{grid-gap:.6rem;align-items:center;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)}.carousel .carousel__button{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;appearance:none;background-color:#0000;border:0;border-radius:50%;box-shadow:inset 0 0 0 .2rem #d1d5db;color:#374151;cursor:pointer;display:inline-flex;display:flex;height:3.6rem;justify-content:center;margin:0;padding:0;text-decoration:none;touch-action:manipulation;transition:all .2s ease;width:3.6rem;z-index:1}.carousel .carousel__button:hover:not(:disabled){background-color:#0000000d;box-shadow:inset 0 0 0 .2rem #9ca3af}.carousel .carousel__button:disabled{color:#d1d5db;cursor:not-allowed}.carousel .carousel__button__svg{height:35%;width:35%}.carousel .carousel__dots{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;margin-right:-.6rem}.carousel .carousel__dot{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;appearance:none;background-color:#0000;border:0;border-radius:50%;cursor:pointer;display:inline-flex;display:flex;height:2.6rem;justify-content:center;margin:0;padding:0;text-decoration:none;touch-action:manipulation;width:2.6rem}.carousel .carousel__dot:after{align-items:center;border-radius:50%;box-shadow:inset 0 0 0 .2rem #d1d5db;content:"";display:flex;height:1.4rem;transition:box-shadow .2s ease;width:1.4rem}.carousel .carousel__dot--selected:after{box-shadow:inset 0 0 0 .2rem #374151}.carousel .carousel__dot:hover:after{box-shadow:inset 0 0 0 .2rem #9ca3af}.carousel.thumbnail-80{--slide-height:80px;--slide-size:120px;--slide-spacing:0.5rem}.carousel.thumbnail-120{--slide-height:120px;--slide-size:160px;--slide-spacing:0.75rem}.carousel.thumbnail-300{--slide-height:300px;--slide-size:320px;--slide-spacing:1rem}.carousel.category-gallery{--slide-size:250px}.carousel.category-gallery .carousel__slide:not(.is-snapped){opacity:.7}.carousel.borrowing-gallery{--slide-size:60%}.carousel.borrowing-gallery .carousel__slide:not(.is-snapped){opacity:.4}.carousel.resource-gallery{--slide-size:70%}@media(max-width:768px){.carousel{--slide-size:85%;--slide-spacing:0.75rem}.carousel .carousel__controls{gap:1rem;grid-template-columns:1fr}.carousel .carousel__buttons{justify-self:center}.carousel .carousel__dots{justify-content:center;margin-right:0}}@media(max-width:480px){.carousel{--slide-size:90%;--slide-spacing:0.5rem}.carousel .carousel__button{height:3rem;width:3rem}}.fullscreen-image-preview{align-items:center;animation:fadeIn .3s ease-out;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.fullscreen-image-preview .preview-container{display:flex;flex-direction:column;height:100%;max-height:100vh;max-width:100vw;position:relative;width:100%}.fullscreen-image-preview .preview-header{align-items:flex-start;background:linear-gradient(180deg,#000c,#0000);display:flex;justify-content:space-between;left:0;padding:20px;position:absolute;right:0;top:0;z-index:2001}.fullscreen-image-preview .preview-header .preview-title{color:#fff;flex:1 1}.fullscreen-image-preview .preview-header .preview-title h3{font-size:1.25rem;font-weight:600;margin:0 0 8px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-image-preview .preview-header .preview-title .image-counter{font-size:.875rem;font-weight:400;opacity:.8}.fullscreen-image-preview .preview-header .preview-actions{display:flex;flex-shrink:0;gap:12px}.fullscreen-image-preview .preview-header .preview-actions .action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.fullscreen-image-preview .preview-header .preview-actions .action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.fullscreen-image-preview .preview-header .preview-actions .action-btn:active{transform:scale(.95)}.fullscreen-image-preview .preview-header .preview-actions .action-btn.download-btn:hover{background:#3b82f6b3}.fullscreen-image-preview .preview-header .preview-actions .action-btn.close-btn:hover{background:#ef4444b3}.fullscreen-image-preview .image-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:80px 20px 120px}.fullscreen-image-preview .image-container .fullscreen-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.fullscreen-image-preview .nav-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:60px;z-index:2001}.fullscreen-image-preview .nav-arrow:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.fullscreen-image-preview .nav-arrow:active{transform:translateY(-50%) scale(.95)}.fullscreen-image-preview .nav-arrow .arrow-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:24px;width:24px}.fullscreen-image-preview .nav-arrow.nav-arrow-left{left:30px}.fullscreen-image-preview .nav-arrow.nav-arrow-right{right:30px}.fullscreen-image-preview .thumbnail-navigation{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:20px;position:absolute;right:0;z-index:2001}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip{display:flex;gap:8px;justify-content:center;max-width:100%;overflow-x:auto;padding:8px 0}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip::-webkit-scrollbar{height:4px}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav{background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;overflow:hidden;padding:0;transition:all .2s ease}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff80}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav:hover:not(.active){border-color:#ffffff80}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav .thumbnail-image{display:block;height:60px;object-fit:cover;transition:opacity .2s ease;width:60px}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav:not(.active) .thumbnail-image{opacity:.7}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav:hover .thumbnail-image{opacity:1}@media(max-width:768px){.fullscreen-image-preview .preview-header{padding:16px}.fullscreen-image-preview .preview-header .preview-title h3{font-size:1rem;max-width:250px}.fullscreen-image-preview .preview-header .preview-actions{gap:8px}.fullscreen-image-preview .preview-header .preview-actions .action-btn{font-size:1rem;height:40px;width:40px}.fullscreen-image-preview .image-container{padding:70px 16px 100px}.fullscreen-image-preview .nav-arrow{height:50px;width:50px}.fullscreen-image-preview .nav-arrow.nav-arrow-left{left:16px}.fullscreen-image-preview .nav-arrow.nav-arrow-right{right:16px}.fullscreen-image-preview .nav-arrow .arrow-icon{height:20px;width:20px}.fullscreen-image-preview .thumbnail-navigation{padding:16px}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav .thumbnail-image{height:50px;width:50px}}@media(max-width:480px){.fullscreen-image-preview .preview-header{padding:12px}.fullscreen-image-preview .preview-header .preview-title h3{font-size:.9rem;max-width:200px}.fullscreen-image-preview .preview-header .preview-actions .action-btn{font-size:.9rem;height:36px;width:36px}.fullscreen-image-preview .nav-arrow{height:44px;width:44px}.fullscreen-image-preview .nav-arrow.nav-arrow-left{left:12px}.fullscreen-image-preview .nav-arrow.nav-arrow-right{right:12px}.fullscreen-image-preview .thumbnail-navigation{padding:12px}.fullscreen-image-preview .thumbnail-navigation .thumbnail-strip .thumbnail-nav .thumbnail-image{height:44px;width:44px}}.attachment-gallery{height:100%}.attachment-gallery .empty-state,.attachment-gallery .error-container,.attachment-gallery .loading-container{align-items:center;color:#6b7280;display:flex;gap:.5rem;justify-content:center}.attachment-gallery .empty-state{height:100%;min-height:300px}.attachment-gallery .empty-state .empty-placeholder{align-items:center;background-color:#f0f0f0;border:2px dashed #d1d5db;border:2px dashed var(--color-gray-300,#d1d5db);border-radius:8px;color:#6b7280;color:var(--color-gray-500,#6b7280);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;margin:0 auto;max-width:500px;width:100%}.attachment-gallery .empty-state .empty-placeholder:before{color:#999;content:"📷";font-size:3rem;opacity:.4}.attachment-gallery .empty-state .empty-placeholder span{font-size:14px;font-weight:500;letter-spacing:.5px;text-align:center;text-transform:uppercase}.attachment-gallery .empty-state .empty-placeholder .camera-icon{display:none}.attachment-gallery .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.attachment-gallery .error-container{color:#dc2626}.attachment-gallery h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.attachment-gallery.display-mode-compact-grid .attachments-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media(max-width:768px){.attachment-gallery h3{font-size:1rem;margin-bottom:.75rem}}@media(max-width:480px){.attachment-gallery h3{font-size:.9rem;margin-bottom:.5rem}}.imagen-generator__header{margin-bottom:1.5rem}.imagen-generator__title{color:#374151;font-size:1.25rem;font-weight:600;margin:0}.imagen-generator__form{display:flex;flex-direction:column;gap:1rem}.imagen-generator__field{display:flex;flex-direction:column;gap:.5rem}.imagen-generator__label{color:#6b7280;font-size:.9rem;font-weight:500}.imagen-generator__prompt{border:1px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:.9rem;line-height:1.4;min-height:80px;padding:.75rem;resize:vertical;width:100%}.imagen-generator__prompt:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.imagen-generator__input,.imagen-generator__select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:.9rem;padding:.6rem .75rem;width:100%}.imagen-generator__input:focus,.imagen-generator__select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.imagen-generator__row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.imagen-generator__row{grid-template-columns:1fr}}.imagen-generator__quick-btn{align-self:flex-start;background:#f0f5ff;border:1px solid #c7d2fe;border-radius:4px;color:#3730a3;cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.4rem .8rem;transition:all .2s ease}.imagen-generator__quick-btn:hover{background:#e0e7ff;border-color:#a5b4fc}.imagen-generator__advanced-toggle{align-self:flex-start;background:none;border:none;color:#6366f1;cursor:pointer;font-size:.9rem;padding:.5rem 0;text-decoration:underline}.imagen-generator__advanced-toggle:hover{color:#4338ca}.imagen-generator__advanced{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.imagen-generator__checkbox-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.imagen-generator__checkbox-label input[type=checkbox]{width:auto}.imagen-generator__actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}@media(max-width:768px){.imagen-generator__actions{flex-direction:column}}.imagen-generator__generate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-height:66px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.imagen-generator__generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#7c3aed);box-shadow:0 4px 16px #6366f166;transform:translateY(-2px)}.imagen-generator__generate-btn:active:not(:disabled){transform:translateY(0)}.imagen-generator__generate-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.imagen-generator__generate-btn--loading{background:linear-gradient(135deg,#4338ca,#7c3aed);cursor:wait}.imagen-generator__generate-btn--loading:hover{transform:none}.imagen-generator__generate-btn--compact{box-shadow:0 1px 4px #6366f133;flex:none;font-size:.85rem;min-width:140px;padding:.5rem 1rem}.imagen-generator__btn-inner{align-items:center;display:flex;gap:.5rem;height:100%;justify-content:center;width:100%}.imagen-generator__spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}.imagen-generator__reset-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease}.imagen-generator__reset-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.imagen-generator__reset-btn:disabled{cursor:not-allowed;opacity:.6}.imagen-generator__info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:1.5rem;padding:1rem}.imagen-generator__info p{color:#1e40af;font-size:.9rem;margin:0 0 .75rem}.imagen-generator__features{margin:0;padding-left:1.25rem}.imagen-generator__features li{color:#2563eb;font-size:.85rem;margin-bottom:.25rem}.imagen-generator__results{border-top:2px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.imagen-generator__results-title{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.imagen-generator__images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.imagen-generator__result-image{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.imagen-generator__result-image:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.imagen-generator__result-image img{display:block;height:auto;width:100%}.imagen-generator__image-info{align-items:center;background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;display:flex;font-size:.75rem;justify-content:space-between;left:0;padding:.5rem;position:absolute;right:0}.imagen-generator--compact .imagen-generator__form{gap:.75rem}.imagen-generator--compact .imagen-generator__prompt-group{align-items:flex-end;display:flex;gap:.5rem}.imagen-generator--compact .imagen-generator__prompt{flex:1 1;font-size:.85rem;min-height:60px}.imagen-generator--compact .imagen-generator__compact-switch{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:.5rem;padding:.5rem}.imagen-generator--compact .imagen-generator__compact-switch .switch-text{color:#64748b;font-size:.8rem}.imagen-generator--compact .imagen-generator__results{margin-top:1rem;padding-top:1rem}.imagen-generator--compact .imagen-generator__images-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.imagen-generator--compact .imagen-generator__result-image{border-radius:6px}.imagen-generator--compact .imagen-generator__image-info{font-size:.7rem;padding:.25rem .5rem}.imagen-generator .loading-spinner--small{height:16px;width:16px}.image-manager{display:flex;flex-direction:column;height:100%}.image-manager .image-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.image-manager .image-manager-header h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.image-manager .image-manager-header .entity-name{color:#6b7280;font-size:.875rem;font-style:italic}.image-manager .image-uploader-section{margin-bottom:1.5rem}.image-manager .image-uploader-section .uploader-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;margin-bottom:1rem;overflow:hidden}.image-manager .image-uploader-section .uploader-tabs .tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.image-manager .image-uploader-section .uploader-tabs .tab-button:hover{background:#6366f10d;color:#374151}.image-manager .image-uploader-section .uploader-tabs .tab-button.active{background:#fff;border-bottom-color:#6366f1;box-shadow:0 2px 4px #0000000d;color:#6366f1}.image-manager .image-uploader-section .uploader-tabs .tab-button.active:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.image-manager .image-uploader-section .uploader-tabs .tab-button:first-child .tab-icon{font-size:1.1em}.image-manager .image-uploader-section .uploader-tabs .tab-button:last-child .tab-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:1.1em}.image-manager .image-uploader-section .ai-generator-only,.image-manager .image-uploader-section .ai-generator-tab{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;margin-top:.5rem;overflow:visible;padding:1rem}.image-manager .image-uploader-section .ai-generator-only .imagen-generator,.image-manager .image-uploader-section .ai-generator-tab .imagen-generator{border:none;box-shadow:none}.image-manager .image-uploader-section .ai-generator-only .imagen-generator .imagen-generator__actions,.image-manager .image-uploader-section .ai-generator-tab .imagen-generator .imagen-generator__actions{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.image-manager .image-uploader-section .ai-generator-only .imagen-generator .imagen-generator__generate-btn,.image-manager .image-uploader-section .ai-generator-tab .imagen-generator .imagen-generator__generate-btn{justify-content:center;width:100%}.image-manager .image-uploader-section .upload-area{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;padding:1.5rem}.image-manager .image-uploader-section .upload-icon{color:#6b7280;font-size:1.75rem}.image-manager .image-uploader-section .primary-text{color:#374151;font-size:.9rem;font-weight:500}.image-manager .image-uploader-section .secondary-text{color:#6b7280;font-size:.8rem}.image-manager .image-gallery-section{display:flex;flex:1 1;flex-direction:column;height:100%}.image-manager .image-gallery-section .attachments-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;justify-items:center;row-gap:1rem;text-align:center}.image-manager .image-gallery-section .attachment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.image-manager .image-gallery-section .attachment-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.image-manager .image-gallery-section .attachment-card .attachment-preview{background:#f3f4f6;height:100%;position:relative;width:100%}.image-manager .image-gallery-section .attachment-card .attachment-preview .attachment-image{height:100%;object-fit:cover;width:100%}.image-manager .image-gallery-section .attachment-card .attachment-preview .attachment-actions{display:flex;gap:.25rem;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s ease}.image-manager .image-gallery-section .attachment-card .attachment-preview:hover .attachment-actions{opacity:1}.image-manager .image-gallery-section .attachment-card .attachment-info{padding:.75rem}.image-manager .image-gallery-section .attachment-card .attachment-info .attachment-name{color:#374151;font-size:.8rem;font-weight:500;line-height:1.3;margin-bottom:.25rem}.image-manager .image-gallery-section .attachment-card .attachment-info .attachment-meta{color:#6b7280;font-size:.7rem}.image-manager.compact .image-manager-header h3{font-size:1rem}.image-manager.compact .image-uploader-section{margin-bottom:1rem}.image-manager.compact .image-uploader-section .uploader-tabs .tab-button{font-size:.8rem;padding:.5rem 1rem}.image-manager.compact .image-uploader-section .upload-area{padding:1rem}.image-manager.compact .image-gallery-section .attachments-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.image-manager.compact .image-gallery-section .attachment-card .attachment-preview{height:120px}.image-manager.compact .image-gallery-section .attachment-card .attachment-info{padding:.5rem}.image-manager.compact .image-gallery-section .attachment-card .attachment-info .attachment-name{font-size:.75rem}.image-manager.compact .image-gallery-section .attachment-card .attachment-info .attachment-meta{font-size:.65rem}.image-manager.readonly .image-gallery-section .attachment-card .attachment-preview .attachment-actions{display:none}.image-manager.gallery-view .image-gallery-section .attachments-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.image-manager.gallery-view .image-gallery-section .attachment-card{width:300px}.image-manager.gallery-view .image-gallery-section .attachment-card .attachment-preview{height:300px}.image-manager.gallery-view .image-gallery-section .attachment-card .attachment-info{padding:1rem}.image-manager.gallery-view .image-gallery-section .attachment-card .attachment-info .attachment-name{font-size:.9rem}.image-manager.gallery-view .image-gallery-section .attachment-card .attachment-info .attachment-meta{font-size:.8rem}.image-manager.image-manager--resource .uploader-tabs .tab-button.active{border-bottom-color:#059669;color:#059669}.image-manager.image-manager--resource .uploader-tabs .tab-button.active:before{background:linear-gradient(90deg,#059669,#10b981)}.image-manager.image-manager--category .uploader-tabs .tab-button.active{border-bottom-color:#dc2626;color:#dc2626}.image-manager.image-manager--category .uploader-tabs .tab-button.active:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.image-manager.image-manager--location .uploader-tabs .tab-button.active{border-bottom-color:#7c3aed;color:#7c3aed}.image-manager.image-manager--location .uploader-tabs .tab-button.active:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.resource-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:fit-content;margin-bottom:1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.resource-card.clickable{cursor:pointer}.resource-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.resource-card .resource-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:.75rem}.resource-card .resource-image{border-radius:6px;height:120px;margin-bottom:.75rem;overflow:hidden;width:100%}.resource-card .resource-image img{height:100%;object-fit:cover;width:100%}.resource-card .resource-image .image-skeleton{align-items:center;background-color:#f0f0f0;border-radius:6px;display:flex;height:100%;justify-content:center;width:100%}.resource-card .resource-image .image-skeleton .skeleton-placeholder{align-items:center;background-color:#e8e8e8;border-radius:4px;display:flex;height:60%;justify-content:center;position:relative;width:60%}.resource-card .resource-image .image-skeleton .skeleton-placeholder:before{color:#999;content:"📷";font-size:1.5rem;opacity:.4}.resource-card .resource-content{display:flex;flex:1 1;flex-direction:column}.resource-card .resource-content .resource-title-section{min-width:0}.resource-card .resource-content .resource-title-section .resource-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.resource-card .resource-content .resource-title-section .resource-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.resource-card .resource-content .resource-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.resource-card .resource-content .resource-meta .category-badge{background-color:#007bff;background-color:var(--color-primary,#007bff);border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-shadow:0 1px 2px #0000001a}.resource-card .resource-content .resource-meta .category-badge[style*=background-color]{filter:contrast(1.2)}.resource-card .resource-content .resource-meta .location-badge{align-items:center;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:16px;color:#1565c0;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px}.resource-card .resource-content .resource-meta .location-badge .location-icon{font-size:10px}.resource-card .resource-content .resource-meta .resource-category,.resource-card .resource-content .resource-meta .resource-location{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#495057;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.resource-card .resource-content .resource-meta .resource-location{background-color:#e3f2fd;border-color:#bbdefb;color:#1565c0}.resource-card .resource-content .resource-status{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.resource-card .resource-content .resource-status .status-badge{border-radius:1rem;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.resource-card .resource-content .resource-status .status-badge.available{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.resource-card .resource-content .resource-status .status-badge.unavailable{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.resource-card .resource-content .resource-status .resource-quantity{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.resource-card .resource-content .resource-status .resource-quantity .quantity-skeleton{display:inline-block;height:12px;min-width:40px}.resource-card .resource-content .resource-status .resource-quantity .quantity-skeleton .skeleton-placeholder{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:100%;width:100%}.resource-card .resource-content .resource-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.resource-card .resource-content .resource-tags .resource-tag{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:10px;color:#495057;display:inline-block;font-size:.7rem;font-weight:500;max-width:80px;overflow:hidden;padding:.15rem .4rem;text-overflow:ellipsis;white-space:nowrap}.resource-card .resource-content .resource-tags .resource-tag[style*=background-color]{border-color:#0000;color:#fff;text-shadow:0 1px 2px #0000004d}.resource-card .resource-content .resource-tags .resource-tag-more{background-color:#6c757d;border:1px solid #6c757d;border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:500;padding:.15rem .4rem}.resource-card .resource-actions{border-top:1px solid #f0f0f0;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem}.resource-card--grid{max-width:280px;min-height:300px}.resource-card--list{flex-direction:column;min-height:auto;padding:.75rem}.resource-card--list .resource-header{margin-bottom:.5rem}.resource-card--list .resource-header .resource-image{flex-shrink:0;height:80px;margin-bottom:0;width:80px}.resource-card--list .resource-header .resource-title-section .resource-name{font-size:1rem;margin-bottom:.25rem}.resource-card--list .resource-header .resource-title-section .resource-description{-webkit-line-clamp:1;line-clamp:1;font-size:.85rem}.resource-card--list .resource-content .resource-meta{margin-bottom:.5rem}.resource-card--list .resource-content .resource-tags{margin-top:.25rem}.resource-card--list .resource-content .resource-tags .resource-tag{font-size:.65rem;max-width:60px}.resource-card--list .resource-actions{align-self:stretch;border-top:1px solid #f0f0f0;margin-top:.5rem;padding-top:.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1080px){.resource-card--grid{max-width:100%;min-height:auto}.resource-card--grid .resource-header{flex-direction:column}.resource-card--list .resource-header .resource-image{height:60px;width:60px}.resource-card--list .resource-header .resource-title-section .resource-name{font-size:.95rem}.resource-card--list .resource-content .resource-meta{flex-direction:column;gap:.25rem}}.quick-date-selection{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.quick-date-selection .quick-date-label{align-items:center;color:#495057;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.quick-date-selection .quick-date-label:before{content:"⚡";font-size:1rem}.quick-date-selection .quick-date-groups{display:flex;flex-direction:column;gap:.5rem}.quick-date-selection .quick-date-group{display:flex;flex-direction:column;gap:.375rem}.quick-date-selection .quick-date-group .group-title{color:#6c757d;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;padding:0;text-transform:uppercase}.quick-date-selection .quick-date-group .group-buttons{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:space-around}.quick-date-selection .quick-date-group.hours-group .group-title{color:#1565c0}.quick-date-selection .quick-date-group.days-group .group-title{color:#2e7d32}.quick-date-selection .btn-quick-date{align-items:center;border:1px solid;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:28px;justify-content:center;min-width:32px;padding:1.8rem;text-align:center;transition:all .15s ease}.quick-date-selection .btn-quick-date:disabled{cursor:not-allowed;opacity:.5}.quick-date-selection .btn-quick-date.btn-hours{background:#e3f2fd;border-color:#90caf9;color:#1565c0}.quick-date-selection .btn-quick-date.btn-hours:hover:not(:disabled){background:#bbdefb;border-color:#42a5f5;box-shadow:0 2px 6px #2196f333;color:#0d47a1;transform:translateY(-1px)}.quick-date-selection .btn-quick-date.btn-hours:active:not(:disabled){background:#90caf9;border-color:#2196f3;box-shadow:0 1px 3px #2196f34d;transform:translateY(0)}.quick-date-selection .btn-quick-date.btn-days{background:#e8f5e8;border-color:#a5d6a7;color:#2e7d32}.quick-date-selection .btn-quick-date.btn-days:hover:not(:disabled){background:#c8e6c9;border-color:#66bb6a;box-shadow:0 2px 6px #4caf5033;color:#1b5e20;transform:translateY(-1px)}.quick-date-selection .btn-quick-date.btn-days:active:not(:disabled){background:#a5d6a7;border-color:#4caf50;box-shadow:0 1px 3px #4caf504d;transform:translateY(0)}@media(max-width:1080px){.quick-date-selection{padding:.5rem}.quick-date-selection .quick-date-groups{gap:.375rem}.quick-date-selection .quick-date-group{gap:.25rem}.quick-date-selection .quick-date-group .group-buttons{gap:.1rem}.quick-date-selection .btn-quick-date{font-size:1rem;height:40px;padding:.8rem;width:40px}}.form-group .date-preview{align-items:center;background:#2196f30d;border:1px solid #2196f31a;border-radius:.375rem;color:#1565c0;display:flex;font-size:.8125rem;gap:.5rem;min-height:2.25rem;padding:.5rem .75rem}.form-group .date-preview.empty{background:#6c757d0d;border-color:#6c757d1a;color:#6c757d}.form-group.compact-datetime .form-control{font-size:1rem;font-weight:700;padding:.5rem .75rem}.form-group.compact-datetime label{align-items:center;color:#6c757d;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;margin-bottom:.5rem}.form-group.compact-datetime label:before{content:"🗓️";font-size:.875rem}.btn-date-picker{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:.5rem;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.btn-date-picker .btn-icon{font-size:1.1rem;margin-right:.75rem}.btn-date-picker .btn-text{flex:1 1;font-weight:500}.btn-date-picker .btn-arrow{color:#6c757d;font-size:.75rem;margin-left:.5rem;transition:transform .2s ease}.btn-date-picker:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-date-picker:hover:not(:disabled){background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;box-shadow:0 6px 16px #2196f326;color:#1565c0;transform:translateY(-2px)}.btn-date-picker:hover:not(:disabled) .btn-arrow{color:#2196f3;transform:translateY(-1px)}.btn-date-picker:hover:not(:disabled):before{left:100%}.btn-date-picker:active:not(:disabled),.btn-date-picker:focus:not(:disabled){box-shadow:0 4px 12px #2196f333;outline:none;transform:translateY(-1px)}.btn-date-picker:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-date-picker:disabled:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#e9ecef;box-shadow:none;transform:none}.btn-date-picker.has-value .btn-text{font-weight:600}.borrowing-form .rmdp-container,.borrowing-form .rmdp-input{position:relative;width:100%}.borrowing-form .rmdp-input{background:linear-gradient(135deg,#fff,#f8f9fa);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236c757d' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5 0zM2 4v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4H2z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border:2px solid #e9ecef;border-radius:.5rem;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 3rem .75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.borrowing-form .rmdp-input::placeholder{color:#adb5bd;font-style:italic}.borrowing-form .rmdp-input:hover{background:linear-gradient(135deg,#f8f9fa,#e3f2fd);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%232196f3' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5 0zM2 4v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4H2z'/%3E%3C/svg%3E");border-color:#2196f3;box-shadow:0 4px 12px #2196f31a;transform:translateY(-1px)}.borrowing-form .rmdp-input:focus{background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231976d2' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5 0zM2 4v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4H2z'/%3E%3C/svg%3E");border-color:#2196f3;box-shadow:0 0 0 .2rem #2196f340;outline:0;transform:translateY(-1px)}.borrowing-form .rmdp-input:disabled{background:#e9ecef;cursor:not-allowed;opacity:.7;transform:none}.borrowing-form .rmdp-input:disabled:hover{border-color:#e9ecef;box-shadow:none;transform:none}.borrowing-form .rmdp-input:not(:placeholder-shown){background:linear-gradient(135deg,#f0f8ff,#e6f3ff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%234caf50' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5 0zM2 4v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4H2z'/%3E%3C/svg%3E");border-color:#4caf50;color:#2e7d32;font-weight:600}.borrowing-form .rmdp-input:not(:placeholder-shown):hover{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#388e3c}.borrowing-form .rmdp-container:before{background:linear-gradient(45deg,#0000,#2196f31a,#0000);border-radius:.6rem;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease;z-index:-1}.borrowing-form .rmdp-container:hover:before{opacity:1}.borrowing-form :global(.rmdp-calendar){border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.borrowing-form :global(.rmdp-calendar) .rmdp-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-radius:.5rem .5rem 0 0}.borrowing-form :global(.rmdp-calendar) .rmdp-day:hover{background:#e3f2fd;color:#1976d2}.borrowing-form :global(.rmdp-calendar) .rmdp-day.rmdp-selected{background:#2196f3;box-shadow:0 2px 4px #2196f34d;color:#fff}.borrowing-form :global(.rmdp-calendar) .rmdp-day.rmdp-today{background:#fff3e0;color:#f57c00;font-weight:600}.borrowing-form :global(.rmdp-time-picker) .rmdp-input{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.25rem;font-size:.875rem;min-width:60px;padding:.25rem .5rem;text-align:center}.borrowing-form :global(.rmdp-time-picker) .rmdp-input:focus{border-color:#2196f3;box-shadow:0 0 0 .1rem #2196f340}.borrowing-form :global(.rmdp-time-picker) .rmdp-button{background:#2196f3;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background-color .15s ease-in-out}.borrowing-form :global(.rmdp-time-picker) .rmdp-button:hover{background:#1976d2}@media(max-width:480px){.borrowing-form{padding:.75rem}}.borrowing-modal__form{display:flex;flex-direction:column;gap:1rem}.borrowing-modal__error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.875rem;padding:.75rem}.borrowing-modal__resource-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:1rem;padding:1rem}.borrowing-modal__resource-info h4{color:#333;font-size:1rem;margin:0 0 .5rem}.borrowing-modal__resource-info p{color:#666;font-size:.875rem;margin:0}.borrowing-modal__field{display:flex;flex-direction:column;gap:.5rem}.borrowing-modal__field label{color:#333;font-size:.875rem;font-weight:500}.borrowing-modal__field input,.borrowing-modal__field textarea{border:1px solid #ddd;border-radius:4px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.borrowing-modal__field input:focus,.borrowing-modal__field textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.borrowing-modal__field input:disabled,.borrowing-modal__field textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.borrowing-modal__field textarea{min-height:80px;resize:vertical}.borrowing-modal__actions{border-top:1px solid #eee;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.borrowing-modal__button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.borrowing-modal__button:disabled{cursor:not-allowed;opacity:.6}.borrowing-modal__button--primary{background-color:#007bff;color:#fff}.borrowing-modal__button--primary:hover:not(:disabled){background-color:#0056b3}.borrowing-modal__button--secondary{background-color:#6c757d;color:#fff}.borrowing-modal__button--secondary:hover:not(:disabled){background-color:#545b62}.integer-input{display:flex;flex-direction:column;position:relative;width:100%}.integer-input.error .integer-input__container{border-color:#dc3545;border-color:var(--color-error,#dc3545)}.integer-input__container{align-items:center;background:#fff;background:var(--color-background,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:8px;display:flex;overflow:hidden;position:relative;transition:border-color .2s ease}.integer-input__container:focus-within{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff40}.integer-input__content{align-items:center;display:flex;flex:1 1;min-height:300px}.integer-input__toggle{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--color-border-light,#e9ecef);border-radius:6px;cursor:pointer;font-size:14px;padding:4px 8px;position:absolute;right:8px;top:8px;transition:all .2s ease;z-index:10}.integer-input__toggle:hover{background:#e9ecef;background:var(--color-background-tertiary,#e9ecef);transform:scale(1.05)}.integer-input__toggle:active{transform:scale(.95)}.integer-input__toggle:disabled{cursor:not-allowed;opacity:.5;transform:none}.integer-input__field-container{display:flex;flex-direction:column;gap:8px;padding:16px;width:100%}.integer-input__button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #ddd;border:2px solid var(--color-border,#ddd);border-radius:12px;cursor:pointer;font-size:24px;font-weight:700;height:50px;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:100%}.integer-input__button:hover:not(:disabled){background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.integer-input__button:active:not(:disabled){background:linear-gradient(135deg,#dee2e6,#ced4da);box-shadow:0 2px 6px #0003;transform:translateY(0)}.integer-input__button:disabled{background:#f8f9fa;border-color:#e9ecef;cursor:not-allowed;opacity:.4}.integer-input__increment{border-color:#8fdb8f;border-color:var(--color-success-light,#8fdb8f);color:#28a745;color:var(--color-success,#28a745)}.integer-input__increment:hover:not(:disabled){background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;border-color:var(--color-success,#28a745)}.integer-input__decrement{border-color:#f5c6cb;border-color:var(--color-danger-light,#f5c6cb);color:#dc3545;color:var(--color-danger,#dc3545)}.integer-input__decrement:hover:not(:disabled){background:linear-gradient(135deg,#f8d7da,#f1b0b7);border-color:#dc3545;border-color:var(--color-danger,#dc3545)}.integer-input__input-wrapper{align-items:center;background:#fff;background:var(--color-background,#fff);border:2px solid #ddd;border:2px solid var(--color-border,#ddd);border-radius:12px;display:flex;min-height:60px;padding:12px 16px}.integer-input__input-wrapper:focus-within{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 3px #007bff40}.integer-input__field{background:#0000;border:none;color:#333;color:var(--color-text,#333);flex:1 1;font-size:28px;font-weight:600;outline:none;text-align:center}.integer-input__field::-webkit-inner-spin-button,.integer-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.integer-input__field[type=number]{appearance:textfield;-moz-appearance:textfield}.integer-input__unit{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:20px;font-weight:700;margin-left:12px}.integer-input__ios-picker{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8f9fa,#e9ecef),radial-gradient(ellipse at center,#fffc 0,#fff0 70%);background-blend-mode:normal,overlay;border-radius:16px;box-shadow:inset 0 2px 8px #0000001a,inset 0 -2px 8px #fffc,0 4px 16px #00000026;display:flex;font-size:18px;height:300px;justify-content:center;line-height:1;position:relative;width:100%}.integer-input__ios-picker.disabled{opacity:.5;pointer-events:none}.integer-input__ios-picker:after,.integer-input__ios-picker:before{content:"";display:block;height:calc(50% - 16px);left:0;pointer-events:none;position:absolute;right:0;z-index:1}.integer-input__ios-picker:before{background:linear-gradient(0deg,#ffffff4d 0,#fff9);border-bottom:.5px solid #0000004d;top:-.5px}.integer-input__ios-picker:after{background:linear-gradient(180deg,#ffffff4d 0,#fff);border-top:.5px solid #0000004d;bottom:-.5px}.integer-input__ios-picker__scene{align-items:center;background:#ffffff4d;border-left:1px solid #d0d0d0;border-radius:6px;border-right:1px solid #d0d0d0;display:flex;height:200px;margin:0 8px;mask:radial-gradient(ellipse 50% 50% at center,#000 0,#000 100%,#0000 0);-webkit-mask:radial-gradient(ellipse 30% 70% at center,#000 0,#000 100%,#0000 0);overflow:hidden;touch-action:pan-x;width:150px}.integer-input__ios-picker__viewport{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:32px;perspective:1000px;perspective-origin:50% 50%;-webkit-user-select:none;user-select:none;-khtml-user-select:none;width:150px}.integer-input__ios-picker__viewport--perspective-center{perspective-origin:50% 50%;transform:translateX(0)}.integer-input__ios-picker__container{height:100%;transform-style:preserve-3d;width:100%;will-change:transform}.integer-input__ios-picker__slide{align-items:center;backface-visibility:hidden;background:radial-gradient(circle,#e8e8e8 0,#c2baba 100%);border-radius:8px;color:#333;color:var(--color-text,#333);display:flex;font-size:19px;font-weight:500;height:100%;justify-content:center;opacity:0;position:relative;text-align:center;width:100%}.integer-input__ios-picker__label{background:linear-gradient(135deg,#fffc,#f8f9facc);border-radius:6px;box-shadow:0 1px 3px #0000001a,inset 0 1px 1px #ffffffe6;color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:16px;font-weight:700;margin-left:12px;padding:4px 8px;pointer-events:none;transform:translateX(-25px)}.consumption-form .resource-info .quantity-info{color:#28a745;font-weight:500}.consumption-modal__form{display:flex;flex-direction:column;gap:1rem}.consumption-modal__error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.875rem;padding:.75rem}.consumption-modal__resource-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:1rem;padding:1rem}.consumption-modal__resource-info h4{color:#333;font-size:1rem;margin:0 0 .5rem}.consumption-modal__resource-info p{color:#666;font-size:.875rem;margin:0 0 .25rem}.consumption-modal__resource-info p:last-child{margin-bottom:0}.consumption-modal__quantity-info{color:#28a745!important;font-weight:500}.consumption-modal__field{display:flex;flex-direction:column;gap:.5rem}.consumption-modal__field label{color:#333;font-size:.875rem;font-weight:500}.consumption-modal__field input,.consumption-modal__field textarea{border:1px solid #ddd;border-radius:4px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.consumption-modal__field input:focus,.consumption-modal__field textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.consumption-modal__field input:disabled,.consumption-modal__field textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.consumption-modal__field input[type=number]{max-width:150px}.consumption-modal__field textarea{min-height:80px;resize:vertical}.consumption-modal__actions{border-top:1px solid #eee;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.consumption-modal__button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.consumption-modal__button:disabled{cursor:not-allowed;opacity:.6}.consumption-modal__button--primary{background-color:#dc3545;color:#fff}.consumption-modal__button--primary:hover:not(:disabled){background-color:#c82333}.consumption-modal__button--secondary{background-color:#6c757d;color:#fff}.consumption-modal__button--secondary:hover:not(:disabled){background-color:#545b62}.refill-form .resource-info .quantity-info{color:#007bff;font-weight:500}.refill-modal__form{display:flex;flex-direction:column;gap:1rem}.refill-modal__error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.875rem;padding:.75rem}.refill-modal__resource-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:1rem;padding:1rem}.refill-modal__resource-info h4{color:#333;font-size:1rem;margin:0 0 .5rem}.refill-modal__resource-info p{color:#666;font-size:.875rem;margin:0 0 .25rem}.refill-modal__resource-info p:last-child{margin-bottom:0}.refill-modal__quantity-info{color:#007bff!important;font-weight:500}.refill-modal__field{display:flex;flex-direction:column;gap:.5rem}.refill-modal__field label{color:#333;font-size:.875rem;font-weight:500}.refill-modal__field input,.refill-modal__field textarea{border:1px solid #ddd;border-radius:4px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.refill-modal__field input:focus,.refill-modal__field textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.refill-modal__field input:disabled,.refill-modal__field textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.refill-modal__field input[type=number]{max-width:150px}.refill-modal__field textarea{min-height:80px;resize:vertical}.refill-modal__actions{border-top:1px solid #eee;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.refill-modal__button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.refill-modal__button:disabled{cursor:not-allowed;opacity:.6}.refill-modal__button--primary{background-color:#28a745;color:#fff}.refill-modal__button--primary:hover:not(:disabled){background-color:#218838}.refill-modal__button--secondary{background-color:#6c757d;color:#fff}.refill-modal__button--secondary:hover:not(:disabled){background-color:#545b62}.date-range-picker .form-group:last-child{margin-bottom:0}.date-range-picker label,.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.25rem}.form-group textarea.form-control{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.4;min-height:2.5rem;padding:.5rem;resize:vertical;width:100%}.form-group textarea.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.form-group textarea.form-control:disabled{background-color:var(--input-disabled-bg);color:var(--text-disabled);cursor:not-allowed}.form-group textarea.form-control::placeholder{color:var(--text-muted)}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.form-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.form-actions .btn:disabled{cursor:not-allowed;opacity:.6}.form-actions .btn.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary)}.form-actions .btn.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)}.form-actions .btn.btn-primary{background-color:var(--primary-color);color:#fff}.form-actions .btn.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.metadata-form{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;margin-top:1rem;padding:1rem}.metadata-form__sections{display:flex;flex-direction:column;gap:2rem}.metadata-form--loading{align-items:center;display:flex;justify-content:center;min-height:120px;padding:2rem}.metadata-form--loading .metadata-form__spinner{align-items:center;display:flex;flex-direction:column;gap:1rem}.metadata-form--loading .metadata-form__spinner .spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border:2px solid var(--color-border,#e2e8f0);border-radius:50%;border-top-color:var(--color-primary,#3b82f6);height:24px;width:24px}.metadata-form--loading .metadata-form__spinner span{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem}.metadata-form--error{padding:2rem}.metadata-form--error .metadata-form__error{align-items:center;background:#fef2f2;background:var(--color-error-background,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-error-border,#fecaca);border-radius:6px;color:#dc2626;color:var(--color-error-text,#dc2626);display:flex;font-size:.875rem;gap:.5rem;padding:1rem}.metadata-form--error .metadata-form__error .error-icon{font-size:1rem}.metadata-form--empty{padding:2rem;text-align:center}.metadata-form--empty .metadata-form__empty-message{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-style:italic;margin:0}.metadata-section__title{align-items:center;color:#1f2937;color:var(--color-text-primary,#1f2937);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.metadata-section__fields{grid-gap:1.5rem;display:grid;gap:1.5rem}@media(min-width:1080px){.metadata-section__fields{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.metadata-section__fields{grid-template-columns:repeat(3,1fr)}}.metadata-section--required .metadata-field{background:#fffbeb;background:var(--color-warning-background,#fffbeb);border:1px solid #fed7aa;border:1px solid var(--color-warning-border,#fed7aa);border-radius:6px;padding:1rem}.metadata-section--optional .metadata-field{background:#fff;background:var(--color-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-light,#e5e7eb);border-radius:6px;padding:1rem;transition:border-color .2s ease,box-shadow .2s ease}.metadata-section--optional .metadata-field:hover{border-color:#d1d5db;border-color:var(--color-border,#d1d5db)}.metadata-section--optional .metadata-field:focus-within{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.metadata-field__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.metadata-field__label{color:#1f2937;color:var(--color-text-primary,#1f2937);display:block;font-size:.875rem;font-weight:500;line-height:1.2;margin-bottom:.5rem}.metadata-field__required{color:#dc2626;color:var(--color-error,#dc2626);font-weight:600;margin-left:.25rem}.metadata-field__remove{align-items:center;background:none;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:4px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;transition:all .2s ease;width:24px}.metadata-field__remove:hover:not(:disabled){background:#fef2f2;background:var(--color-error-background,#fef2f2);border-color:#fecaca;border-color:var(--color-error-border,#fecaca);color:#dc2626;color:var(--color-error,#dc2626)}.metadata-field__remove:disabled{cursor:not-allowed;opacity:.5}.metadata-field__description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-style:italic;line-height:1.4;margin:.5rem 0 0}.metadata-field--required .metadata-field__label{color:#92400e;color:var(--color-warning-text,#92400e)}.metadata-input{background:#fff;background:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:4px;color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.875rem;line-height:1.4;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.metadata-input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.metadata-input:disabled{background:#f9fafb;background:var(--color-background-disabled,#f9fafb);color:#9ca3af;color:var(--color-text-disabled,#9ca3af);cursor:not-allowed}.metadata-input::placeholder{color:#9ca3af;color:var(--color-text-placeholder,#9ca3af)}.metadata-input--decimal,.metadata-input--number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;text-align:right}.metadata-input--date{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.metadata-input--user .filterable-select__control{min-height:38px}.metadata-input--error,.metadata-input--loading{align-items:center;background:#f9fafb;background:var(--color-background-disabled,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:4px;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;padding:.5rem .75rem}.metadata-input--error{background:#fef2f2;background:var(--color-error-background,#fef2f2);border-color:#fecaca;border-color:var(--color-error-border,#fecaca);color:#dc2626;color:var(--color-error-text,#dc2626)}.metadata-boolean-group{display:flex;flex-wrap:wrap;gap:1rem}.metadata-boolean-group .metadata-boolean-option{align-items:center;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.metadata-boolean-group .metadata-boolean-option input[type=radio]{margin:0}.metadata-boolean-group .metadata-boolean-option span{-webkit-user-select:none;user-select:none}.metadata-boolean-group .metadata-boolean-option:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}@media(max-width:767px){.metadata-form{padding:.75rem}.metadata-form__sections{gap:1.5rem}.metadata-section__fields{gap:1rem;grid-template-columns:1fr}.metadata-field{padding:.75rem!important}.metadata-boolean-group{flex-direction:column;gap:.5rem}}@media(prefers-contrast:high){.metadata-form,.metadata-input{background:#fff;border-color:#000}.metadata-input{color:#000}.metadata-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000004d}.metadata-field--required{background:#fff!important;border-color:#000!important}}.user-option{align-items:center;display:flex;justify-content:space-between;padding:.5rem;width:100%}.user-option__info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.user-option__name{color:#1f2937;color:var(--color-text-primary,#1f2937);font-weight:500}.user-option__email,.user-option__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-option__email{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;margin-top:.125rem}.user-option__check{color:#3b82f6;color:var(--color-primary,#3b82f6);flex-shrink:0;font-size:.875rem;font-weight:600;margin-left:.5rem}.user-option--selected{background:#eff6ff;background:var(--color-primary-background,#eff6ff)}.user-option--selected .user-option__name{color:#3b82f6;color:var(--color-primary,#3b82f6)}.reservation-modal__form{display:flex;flex-direction:column;gap:1rem}.reservation-modal__error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.875rem;padding:.75rem}.reservation-modal__resource-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:1rem;padding:1rem}.reservation-modal__resource-info h4{color:#333;font-size:1rem;margin:0 0 .5rem}.reservation-modal__resource-info p{color:#666;font-size:.875rem;margin:0}.reservation-modal__field{display:flex;flex-direction:column;gap:.5rem}.reservation-modal__field label{color:#333;font-size:.875rem;font-weight:500}.reservation-modal__field input,.reservation-modal__field textarea{border:1px solid #ddd;border-radius:4px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.reservation-modal__field input:focus,.reservation-modal__field textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.reservation-modal__field input:disabled,.reservation-modal__field textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.reservation-modal__field textarea{min-height:80px;resize:vertical}.reservation-modal__actions{border-top:1px solid #eee;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.reservation-modal__button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.reservation-modal__button:disabled{cursor:not-allowed;opacity:.6}.reservation-modal__button--primary{background-color:#ffc107;color:#212529}.reservation-modal__button--primary:hover:not(:disabled){background-color:#e0a800}.reservation-modal__button--secondary{background-color:#6c757d;color:#fff}.reservation-modal__button--secondary:hover:not(:disabled){background-color:#545b62}.borrowing-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:fit-content;margin-bottom:1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.borrowing-card.clickable{cursor:pointer}.borrowing-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.borrowing-card--reservation{background:linear-gradient(145deg,#fef3c7,#fef5cf99);background:linear-gradient(145deg,var(--status-reservation-bg,#fef3c7) 0,#fef5cf99 100%);border:1px solid #f59e0b;border:1px solid var(--status-reservation-border,#f59e0b)}.borrowing-card--reservation:hover{box-shadow:0 4px 12px #f59e0b33}.borrowing-card--reservation .borrowing-card__type{background:linear-gradient(135deg,#fef3c7,#fef5cfcc);background:linear-gradient(135deg,var(--status-reservation-bg,#fef3c7) 0,#fef5cfcc 100%);border:1px solid #f59e0b;border:1px solid var(--status-reservation-border,#f59e0b);color:#92400e;color:var(--status-reservation-text,#92400e)}.borrowing-card--active-borrowing{background:linear-gradient(145deg,#f3fde9,#dcfce799);border:1px solid #14ae58}.borrowing-card--active-borrowing:hover{box-shadow:0 4px 12px #22c55e33}.borrowing-card--active-borrowing .borrowing-card__type{background:linear-gradient(135deg,#dcfce7,#dcfce7cc);background:linear-gradient(135deg,var(--status-borrowing-active-bg,#dcfce7) 0,#dcfce7cc 100%);border:1px solid #22c55e;border:1px solid var(--status-borrowing-active-border,#22c55e);color:#15803d;color:var(--status-borrowing-active-text,#15803d)}.borrowing-card .borrowing-card__header{margin-bottom:.75rem}.borrowing-card .borrowing-card__header .borrowing-card__title-section .borrowing-card__resource{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.borrowing-card .borrowing-card__header .borrowing-card__title-section .borrowing-card__type{background:#f8fafc;background:var(--background-light,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:16px;color:#64748b;color:var(--text-secondary,#64748b);display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.borrowing-card .borrowing-card__content{display:flex;flex:1 1;flex-direction:column}.borrowing-card .borrowing-card__content .borrowing-card__meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.borrowing-card .borrowing-card__content .borrowing-card__meta .borrowing-card__user{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.borrowing-card .borrowing-card__content .borrowing-card__meta .borrowing-card__user .borrowing-card__user-icon{color:#007bff;color:var(--primary,#007bff);font-size:12px}.borrowing-card .borrowing-card__content .borrowing-card__meta .borrowing-card__user .borrowing-card__user-name{font-weight:500}.borrowing-card .borrowing-card__content .borrowing-card__meta .borrowing-card__dates{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.5rem}.borrowing-card .borrowing-card__content .borrowing-card__meta .borrowing-card__dates .borrowing-card__date-icon{color:#007bff;color:var(--primary,#007bff);font-size:12px}.borrowing-card .borrowing-card__content .borrowing-card__meta .borrowing-card__dates .borrowing-card__date-text{font-weight:500}.borrowing-card .borrowing-card__content .borrowing-card__status{align-items:center;display:flex;justify-content:flex-end;margin-top:auto}.borrowing-card .borrowing-card__actions{border-top:1px solid #f0f0f0;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem}.borrowing-card--grid{max-width:280px;min-height:160px}.borrowing-card--list{align-items:center;flex-direction:row;min-height:auto;padding:.75rem}.borrowing-card--list .borrowing-card__header{flex:1 1;margin-bottom:0;margin-right:1rem}.borrowing-card--list .borrowing-card__header .borrowing-card__title-section .borrowing-card__resource{font-size:1rem;margin-bottom:.25rem}.borrowing-card--list .borrowing-card__header .borrowing-card__title-section .borrowing-card__type{font-size:11px;padding:3px 8px}.borrowing-card--list .borrowing-card__content{align-items:center;flex:2 1;flex-direction:row;gap:1rem}.borrowing-card--list .borrowing-card__content .borrowing-card__meta{flex:1 1;flex-direction:row;gap:1rem;margin-bottom:0}.borrowing-card--list .borrowing-card__content .borrowing-card__meta .borrowing-card__dates,.borrowing-card--list .borrowing-card__content .borrowing-card__meta .borrowing-card__user{font-size:.85rem}.borrowing-card--list .borrowing-card__content .borrowing-card__status{flex-shrink:0;margin-top:0}.borrowing-card--list .borrowing-card__actions{border-top:none;flex-shrink:0;margin-left:1rem;margin-top:0;padding-top:0}.borrowing-card:focus-visible{border-radius:8px;outline:3px solid #3b82f6;outline:3px solid var(--primary,#3b82f6);outline-offset:3px;outline-style:solid}@media(max-width:1080px){.borrowing-card--grid{max-width:100%;min-height:auto}.borrowing-card--list{align-items:stretch;flex-direction:column}.borrowing-card--list .borrowing-card__header{margin-bottom:.5rem;margin-right:0}.borrowing-card--list .borrowing-card__content{align-items:stretch;flex-direction:column}.borrowing-card--list .borrowing-card__content .borrowing-card__meta{flex-direction:column;gap:.25rem}.borrowing-card--list .borrowing-card__content .borrowing-card__status{justify-content:flex-start;margin-top:.5rem}.borrowing-card--list .borrowing-card__actions{border-top:1px solid #f0f0f0;margin-left:0;margin-top:.5rem;padding-top:.5rem}}.consumption-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.consumption-card--grid .consumption-card__content{padding:1.5rem}.consumption-card--grid .consumption-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.consumption-card--grid .consumption-card__header .consumption-card__icon-wrapper{align-items:center;display:flex;flex:1 1;gap:.75rem}.consumption-card--grid .consumption-card__header .consumption-card__header-icon{color:var(--status-consumption);flex-shrink:0;font-size:1.5rem;height:1.5rem;width:1.5rem}.consumption-card--grid .consumption-card__header .consumption-card__info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.consumption-card--grid .consumption-card__header .consumption-card__resource{color:var(--text-primary);flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0}.consumption-card--grid .consumption-card__header .consumption-card__quantity{background-color:var(--status-consumption-bg);border-radius:.25rem;color:var(--status-consumption-text);display:flex;font-size:.875rem;font-weight:600;gap:1rem;margin-left:auto;padding:.25rem .5rem;white-space:nowrap}.consumption-card--grid .consumption-card__header .consumption-card__quantity .consumption-card__quantity-unit{font-size:.75rem;margin-top:.125rem;opacity:.9}.consumption-card--grid .consumption-card__details{display:flex;flex-direction:column}.consumption-card--grid .consumption-card__field{background:var(--background-light);color:var(--status-consumption-text);display:flex;flex-direction:column;gap:.5rem;padding:.1rem}.consumption-card--grid .consumption-card__field-header{align-items:center;display:flex;gap:.5rem}.consumption-card--grid .consumption-card__field-icon{color:var(--primary);flex-shrink:0;font-size:1rem;height:1rem;width:1rem}.consumption-card--grid .consumption-card__label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.consumption-card--grid .consumption-card__value{color:var(--text-primary);font-size:.95rem;font-weight:500;margin-left:.5rem}.consumption-card--grid .consumption-card__notes{background:var(--status-consumption-bg);border-left:4px solid var(--status-consumption);border-radius:.75rem;margin-top:.5rem;padding:1.25rem}.consumption-card--grid .consumption-card__notes .consumption-card__notes-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.consumption-card--grid .consumption-card__notes .consumption-card__notes-icon{color:var(--status-consumption);flex-shrink:0;font-size:1rem;height:1rem;width:1rem}.consumption-card--grid .consumption-card__notes .consumption-card__notes-text{color:#495057;font-style:italic;line-height:1.5;margin:0}.consumption-card--grid .consumption-card__actions{border-top:2px solid var(--border-light);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.consumption-card--grid:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.consumption-card--list{background:linear-gradient(135deg,var(--background-white) 0,var(--background-light) 100%);border:2px solid var(--border-light);border-radius:1rem;cursor:pointer;overflow:hidden;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.consumption-card--list:before{background:linear-gradient(180deg,var(--status-consumption) 0,var(--status-consumption-bg) 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.consumption-card--list:hover{border-color:var(--status-consumption-border);box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.consumption-card--list:hover:before{transform:scaleY(1)}.consumption-card--list:hover .consumption-card__icon{background:linear-gradient(135deg,var(--status-consumption) 0,var(--status-consumption-bg) 100);transform:rotate(180deg) scale(1.1)}.consumption-card--list:hover .consumption-card__quantity{box-shadow:0 6px 16px #e74c3c4d;transform:scale(1.05)}.consumption-card--list .consumption-card__content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.consumption-card--list .consumption-card__left{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.consumption-card--list .consumption-card__icon{align-items:center;background:var(--status-consumption-bg);border-radius:50%;display:flex;flex-shrink:0;height:3rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:3rem}.consumption-card--list .consumption-card__icon .consumption-card__icon-svg{color:var(--status-consumption);font-size:1.5rem;height:1.5rem;transition:inherit;width:1.5rem}.consumption-card--list .consumption-card__info{display:flex;flex-direction:column;gap:.75rem}.consumption-card--list .consumption-card__resource{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0}.consumption-card--list .consumption-card__right{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.consumption-card--list .consumption-card__date{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;gap:.25rem}.consumption-card--list .consumption-card__date .consumption-card__date-icon{color:var(--primary);font-size:.75rem;height:.75rem;width:.75rem}.consumption-card--list .consumption-card__date .consumption-card__date-text{font-weight:500}.consumption-card--list .consumption-card__quantity{align-items:center;background:var(--status-consumption-bg);border-radius:.5rem;box-shadow:0 4px 12px #e74c3c33;color:var(--status-consumption);display:flex;flex-direction:column;padding:.5rem .75rem;transition:all .3s ease;white-space:nowrap}.consumption-card--list .consumption-card__quantity .consumption-card__quantity-value{font-size:.95rem;font-weight:700;line-height:1}.consumption-card--list .consumption-card__quantity .consumption-card__quantity-unit{font-size:.7rem;margin-top:.125rem;opacity:.9}.consumption-card--list .consumption-card__detail-item{align-items:center;background:var(--background-light);border-left:3px solid var(--primary-light);border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem .75rem}.consumption-card--list .consumption-card__detail-item .consumption-card__detail-icon{color:var(--primary);flex-shrink:0;font-size:1rem;height:1rem;width:1rem}.consumption-card--list .consumption-card__detail-item .consumption-card__detail-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.consumption-card--list .consumption-card__notes{align-items:flex-start;background:#f5f5f5;border-left:3px solid var(--status-consumption);border-radius:.75rem;display:flex;gap:.75rem;margin-top:.75rem;padding:1rem}.consumption-card--list .consumption-card__notes .consumption-card__notes-icon{color:var(--status-consumption);flex-shrink:0;font-size:1rem;height:1rem;margin-top:.125rem;width:1rem}.consumption-card--list .consumption-card__notes .consumption-card__notes-text{color:#495057;font-size:.875rem;font-style:italic;line-height:1.5;margin:0}.consumption-card--list .consumption-card__actions{display:flex;flex-shrink:0;gap:.75rem;margin-top:.75rem}@media(max-width:1080px){.consumption-card--grid .consumption-card__content{padding:1.25rem}.consumption-card--grid .consumption-card__header{align-items:flex-start;flex-direction:column;gap:1rem}.consumption-card--grid .consumption-card__header .consumption-card__icon-wrapper{align-self:stretch}.consumption-card--grid .consumption-card__header .consumption-card__quantity{align-self:flex-end}.consumption-card--grid .consumption-card__value{margin-left:0}.consumption-card--list{padding:1.25rem}.consumption-card--list .consumption-card__content{align-items:stretch;gap:1rem}.consumption-card--list .consumption-card__left{align-self:stretch;flex-direction:column-reverse}.consumption-card--list .consumption-card__icon{height:2.5rem;width:2.5rem}.consumption-card--list .consumption-card__icon .consumption-card__icon-svg{height:1.25rem;width:1.25rem}.consumption-card--list .consumption-card__right{gap:.5rem}.consumption-card--list .consumption-card__detail-item .consumption-card__detail-text{font-size:.8rem}.consumption-card--list .consumption-card__actions{align-self:stretch;border-top:2px solid var(--border-light);justify-content:center;margin-top:1rem;padding-top:1rem}}.consumption-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.consumption-card{animation:slideInUp .3s ease-out}.refill-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.refill-card--grid .refill-card__content{padding:1.5rem}.refill-card--grid .refill-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.refill-card--grid .refill-card__header .refill-card__icon-wrapper{align-items:center;display:flex;flex:1 1;gap:.75rem}.refill-card--grid .refill-card__header .refill-card__header-icon{color:var(--status-refill);flex-shrink:0;font-size:1.5rem;height:1.5rem;width:1.5rem}.refill-card--grid .refill-card__header .refill-card__info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.refill-card--grid .refill-card__header .refill-card__resource{color:var(--text-primary);flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0}.refill-card--grid .refill-card__header .refill-card__quantity{background-color:var(--status-refill-bg);border-radius:.25rem;color:var(--status-refill-text);display:flex;font-size:.875rem;font-weight:600;gap:1rem;padding:.25rem .5rem;white-space:nowrap}.refill-card--grid .refill-card__header .refill-card__quantity .refill-card__quantity-unit{font-size:.75rem;margin-top:.125rem;opacity:.9}.refill-card--grid .refill-card__details{display:flex;flex-direction:column}.refill-card--grid .refill-card__field{background:var(--background-light);color:var(--status-refill-text);display:flex;flex-direction:column;gap:.5rem;padding:.1rem}.refill-card--grid .refill-card__field-header{align-items:center;display:flex;gap:.5rem}.refill-card--grid .refill-card__field-icon{color:var(--primary);flex-shrink:0;font-size:1rem;height:1rem;width:1rem}.refill-card--grid .refill-card__label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.refill-card--grid .refill-card__value{color:var(--text-primary);font-size:.95rem;font-weight:500;margin-left:.5rem}.refill-card--grid .refill-card__notes{background:#dfe8e7;border-left:4px solid #28a745;border-radius:.75rem;margin-top:.5rem;padding:1.25rem}.refill-card--grid .refill-card__notes .refill-card__notes-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.refill-card--grid .refill-card__notes .refill-card__notes-icon{color:#28a745;flex-shrink:0;font-size:1rem;height:1rem;width:1rem}.refill-card--grid .refill-card__notes .refill-card__notes-text{color:#495057;font-style:italic;line-height:1.5;margin:0}.refill-card--grid .refill-card__actions{border-top:2px solid var(--border-light);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.refill-card--grid:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.refill-card--list{background:linear-gradient(135deg,var(--background-white) 0,var(--background-light) 100%);border:2px solid var(--border-light);border-radius:1rem;cursor:pointer;overflow:hidden;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.refill-card--list:before{background:linear-gradient(180deg,var(--status-refill) 0,var(--status-refill-bg) 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.refill-card--list:hover{border-color:var(--status-refill-border);box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.refill-card--list:hover:before{transform:scaleY(1)}.refill-card--list:hover .refill-card__icon{background:linear-gradient(135deg,var(--status-refill) 0,var(--status-refill-bg) 100%);transform:rotate(180deg) scale(1.1)}.refill-card--list:hover .refill-card__quantity{box-shadow:0 6px 16px #28a7454d;transform:scale(1.05)}.refill-card--list .refill-card__content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.refill-card--list .refill-card__left{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.refill-card--list .refill-card__icon{align-items:center;background:var(--status-refill-bg);border-radius:50%;display:flex;flex-shrink:0;height:3rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:3rem}.refill-card--list .refill-card__icon .refill-card__icon-svg{color:var(--status-refill);font-size:1.5rem;height:1.5rem;transition:inherit;width:1.5rem}.refill-card--list .refill-card__info{display:flex;flex-direction:column;gap:.75rem}.refill-card--list .refill-card__resource{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0}.refill-card--list .refill-card__right{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.refill-card--list .refill-card__date{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;gap:.25rem}.refill-card--list .refill-card__date .refill-card__date-icon{color:var(--primary);font-size:.75rem;height:.75rem;width:.75rem}.refill-card--list .refill-card__date .refill-card__date-text{font-weight:500}.refill-card--list .refill-card__quantity{align-items:center;background:var(--status-refill-bg);border-radius:.5rem;box-shadow:0 4px 12px #5dade233;color:var(--status-refill);display:flex;flex-direction:column;padding:.5rem .75rem;transition:all .3s ease;white-space:nowrap}.refill-card--list .refill-card__quantity .refill-card__quantity-value{font-size:.95rem;font-weight:700;line-height:1}.refill-card--list .refill-card__quantity .refill-card__quantity-unit{font-size:.7rem;margin-top:.125rem;opacity:.9}.refill-card--list .refill-card__detail-item{align-items:center;background:var(--background-light);border-left:3px solid var(--primary-light);border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem .75rem}.refill-card--list .refill-card__detail-item .refill-card__detail-icon{color:var(--primary);flex-shrink:0;font-size:1rem;height:1rem;width:1rem}.refill-card--list .refill-card__detail-item .refill-card__detail-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.refill-card--list .refill-card__notes{align-items:flex-start;background:#f5f5f5;border-left:3px solid #28a745;border-radius:.75rem;display:flex;gap:.75rem;margin-top:.75rem;padding:1rem}.refill-card--list .refill-card__notes .refill-card__notes-icon{color:#28a745;flex-shrink:0;font-size:1rem;height:1rem;margin-top:.125rem;width:1rem}.refill-card--list .refill-card__notes .refill-card__notes-text{color:#495057;font-size:.875rem;font-style:italic;line-height:1.5;margin:0}.refill-card--list .refill-card__actions{display:flex;flex-shrink:0;gap:.75rem;margin-top:.75rem}@media(max-width:1080px){.refill-card--grid .refill-card__content{padding:1.25rem}.refill-card--grid .refill-card__header{align-items:flex-start;flex-direction:column;gap:1rem}.refill-card--grid .refill-card__header .refill-card__icon-wrapper{align-self:stretch}.refill-card--grid .refill-card__header .refill-card__quantity{align-self:flex-end}.refill-card--grid .refill-card__value{margin-left:0}.refill-card--list{padding:1.25rem}.refill-card--list .refill-card__content{align-items:stretch;gap:1rem}.refill-card--list .refill-card__left{align-self:stretch;flex-direction:column-reverse}.refill-card--list .refill-card__icon{height:2.5rem;width:2.5rem}.refill-card--list .refill-card__icon .refill-card__icon-svg{height:1.25rem;width:1.25rem}.refill-card--list .refill-card__right{gap:.5rem}.refill-card--list .refill-card__detail-item .refill-card__detail-text{font-size:.8rem}.refill-card--list .refill-card__actions{align-self:stretch;border-top:2px solid var(--border-light);justify-content:center;margin-top:1rem;padding-top:1rem}}.refill-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.refill-card{animation:slideInUp .3s ease-out}.reservation-card--grid .reservation-card__content{padding:1rem}.reservation-card--grid .reservation-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.reservation-card--grid .reservation-card__header .reservation-card__resource{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0 .5rem 0 0}.reservation-card--grid .reservation-card__header .reservation-card__status{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.reservation-card--grid .reservation-card__header .reservation-card__status--info{background-color:var(--info-light);color:var(--info-dark)}.reservation-card--grid .reservation-card__header .reservation-card__status--primary{background-color:var(--primary-light);color:var(--primary-dark)}.reservation-card--grid .reservation-card__header .reservation-card__status--secondary{background-color:var(--secondary-light);color:var(--secondary-dark)}.reservation-card--grid .reservation-card__details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.reservation-card--grid .reservation-card__field{display:flex;flex-direction:column;gap:.25rem}.reservation-card--grid .reservation-card__label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.reservation-card--grid .reservation-card__value{color:var(--text-primary);font-size:.875rem}.reservation-card--grid .reservation-card__notes{border-top:1px solid var(--border-light);margin-top:.5rem;padding-top:.5rem}.reservation-card--grid .reservation-card__notes .reservation-card__label{margin-bottom:.25rem}.reservation-card--grid .reservation-card__notes .reservation-card__value{line-height:1.4;margin:0}.reservation-card--grid .reservation-card__actions{border-top:1px solid var(--border-light);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem}.reservation-card--list{background:var(--background-white);border:1px solid var(--border-light);border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .2s ease}.reservation-card--list:hover{border-color:var(--border-medium);box-shadow:0 2px 8px #0000001a}.reservation-card--list .reservation-card__content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.reservation-card--list .reservation-card__main{flex:1 1}.reservation-card--list .reservation-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.reservation-card--list .reservation-card__header .reservation-card__resource{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0 1rem 0 0}.reservation-card--list .reservation-card__header .reservation-card__status{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.reservation-card--list .reservation-card__header .reservation-card__status--info{background-color:var(--info-light);color:var(--info-dark)}.reservation-card--list .reservation-card__header .reservation-card__status--primary{background-color:var(--primary-light);color:var(--primary-dark)}.reservation-card--list .reservation-card__header .reservation-card__status--secondary{background-color:var(--secondary-light);color:var(--secondary-dark)}.reservation-card--list .reservation-card__details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.reservation-card--list .reservation-card__details>span{color:var(--text-secondary);font-size:.875rem}.reservation-card--list .reservation-card__notes{color:var(--text-primary);font-size:.875rem;margin-top:.5rem}.reservation-card--list .reservation-card__notes strong{color:var(--text-secondary)}.reservation-card--list .reservation-card__actions{display:flex;flex-shrink:0;gap:.5rem}@media(max-width:1080px){.reservation-card--grid .reservation-card__header{align-items:flex-start;flex-direction:column;gap:.5rem}.reservation-card--grid .reservation-card__header .reservation-card__resource{margin-right:0}.reservation-card--list .reservation-card__content{align-items:stretch;flex-direction:column}.reservation-card--list .reservation-card__header{align-items:flex-start;flex-direction:column;gap:.5rem}.reservation-card--list .reservation-card__header .reservation-card__resource{margin-right:0}.reservation-card--list .reservation-card__details{gap:.5rem}.reservation-card--list .reservation-card__actions{border-top:1px solid var(--border-light);justify-content:flex-start;margin-top:.75rem;padding-top:.75rem}}.model-card{width:100%}.model-card.model-card--grid .category-card,.model-card.model-card--grid .generic-card,.model-card.model-card--grid .location-card,.model-card.model-card--grid .tag-card,.model-card.model-card--grid .user-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:100%;padding:1.5rem;transition:all .2s}.model-card.model-card--grid .category-card:hover,.model-card.model-card--grid .generic-card:hover,.model-card.model-card--grid .location-card:hover,.model-card.model-card--grid .tag-card:hover,.model-card.model-card--grid .user-card:hover{border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.model-card.model-card--grid .category-card h3,.model-card.model-card--grid .generic-card h3,.model-card.model-card--grid .location-card h3,.model-card.model-card--grid .tag-card h3,.model-card.model-card--grid .user-card h3{color:#1a202c;font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.model-card.model-card--grid .category-card p,.model-card.model-card--grid .generic-card p,.model-card.model-card--grid .location-card p,.model-card.model-card--grid .tag-card p,.model-card.model-card--grid .user-card p{color:#718096;font-size:.875rem;line-height:1.5;margin-bottom:1rem;margin-top:0}.model-card.model-card--grid .category-card .model-actions,.model-card.model-card--grid .generic-card .model-actions,.model-card.model-card--grid .location-card .model-actions,.model-card.model-card--grid .tag-card .model-actions,.model-card.model-card--grid .user-card .model-actions{margin-top:auto}.model-card.model-card--grid .user-card{border-left:4px solid #48bb78}.model-card.model-card--grid .category-card{border-left:4px solid #ed8936}.model-card.model-card--grid .category-card .category-thumbnail-container.grid-thumbnail{display:flex;justify-content:center;margin-bottom:1rem}.model-card.model-card--grid .location-card{border-left:4px solid #3182ce}.model-card.model-card--grid .tag-card{border-left:4px solid #805ad5}.model-card.model-card--grid .generic-card{border-left:4px solid #718096}.model-card.model-card--list .category-card,.model-card.model-card--list .generic-card,.model-card.model-card--list .location-card,.model-card.model-card--list .tag-card,.model-card.model-card--list .user-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem;transition:all .2s}.model-card.model-card--list .category-card:hover,.model-card.model-card--list .generic-card:hover,.model-card.model-card--list .location-card:hover,.model-card.model-card--list .tag-card:hover,.model-card.model-card--list .user-card:hover{border-color:#cbd5e0;box-shadow:0 2px 4px -1px #0000001a}.model-card.model-card--list .category-card .content,.model-card.model-card--list .generic-card .content,.model-card.model-card--list .location-card .content,.model-card.model-card--list .tag-card .content,.model-card.model-card--list .user-card .content{flex:1 1}.model-card.model-card--list .category-card .content h3,.model-card.model-card--list .generic-card .content h3,.model-card.model-card--list .location-card .content h3,.model-card.model-card--list .tag-card .content h3,.model-card.model-card--list .user-card .content h3{color:#1a202c;font-size:1rem;font-weight:600;margin-bottom:.25rem;margin-top:0}.model-card.model-card--list .category-card .content p,.model-card.model-card--list .generic-card .content p,.model-card.model-card--list .location-card .content p,.model-card.model-card--list .tag-card .content p,.model-card.model-card--list .user-card .content p{color:#718096;font-size:.875rem;margin-bottom:0;margin-top:0}.model-card.model-card--list .user-card{border-left:4px solid #48bb78}.model-card.model-card--list .category-card{border-left:4px solid #ed8936}.model-card.model-card--list .category-card .category-thumbnail-container{flex-shrink:0;margin-right:1rem}.model-card.model-card--list .location-card{border-left:4px solid #3182ce}.model-card.model-card--list .tag-card{border-left:4px solid #805ad5}.model-card.model-card--list .generic-card{border-left:4px solid #718096}.model-card.model-card--list .model-actions{margin-left:1rem}.model-card.model-card--list .model-actions>div{display:flex;gap:.5rem}.model-card-collection{position:relative}.model-card-collection--grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:1080px){.model-card-collection--grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.model-card-collection--list{display:flex;flex-direction:column;gap:.5rem}.model-card-collection--empty{padding:2rem;text-align:center}.model-card-collection--empty .empty-state{color:var(--text-muted);font-style:italic}.model-card-collection__loading{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.model-card-collection__loading .loading-spinner{background:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;color:var(--text-muted);font-size:.875rem;padding:1rem}.model-card-collection__error{background:var(--color-warning-light);border-radius:.25rem;color:var(--color-warning-dark);font-size:.875rem;left:0;margin-bottom:.5rem;padding:.5rem;position:absolute;right:0;text-align:center;top:0;z-index:5}.collection{width:100%}.collection .collection-header{align-items:flex-start;display:flex;justify-content:space-between}.collection .collection-header .header-content{flex:1 1}@media(max-width:1080px){.collection .collection-header .header-content{display:none}}.collection .collection-header h1{color:#1a202c;font-size:2rem;font-weight:600;margin-bottom:.5rem}.collection .collection-header p{color:#718096;font-size:1rem}.collection .collection-header .view-all-button{align-self:flex-start;background:#007bff;border-radius:6px;color:#fff;flex-shrink:0;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease}.collection .collection-header .view-all-button:hover{background:#0056b3}.collection .auto-filters{margin-bottom:1rem}.collection .auto-filters .filter-header{margin-bottom:.5rem;text-align:right}.collection .auto-filters .filter-header .filter-toggle-button{background:#0000;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;padding:.5rem;transition:all .2s ease}.collection .auto-filters .filter-header .filter-toggle-button .icon{color:inherit;transition:color .2s ease}.collection .auto-filters .filter-header .filter-toggle-button svg{color:inherit}.collection .auto-filters .filter-header .filter-toggle-button:hover{color:#718096}.collection .auto-filters .filter-tabs{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;padding:12px}.collection .auto-filters .filter-tabs .filter-clear-button{align-items:center;background:#fed7d7;border:none;border-radius:6px;color:#c53030;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 12px;transition:background-color .2s ease}.collection .auto-filters .filter-tabs .filter-clear-button:hover{background:#feb2b2}.collection .filter-tab{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.collection .filter-tab .filter-tab-icon{color:#3182ce}.collection .filter-tab .filter-tab-label{color:#4a5568;font-size:.875rem;font-weight:600;white-space:nowrap}.collection .filter-tab .compact-filter-select{background:#0000;border:none;border-radius:4px;color:#718096;font-size:.875rem;padding:4px 8px}.collection .filter-tab .compact-filter-select:focus{background:#edf2f7;color:#1a202c;outline:none}.collection .filter-tab .compact-filter-select .filterable-select__menu,.collection .filter-tab .compact-filter-select .multiselect__menu{z-index:10000!important}.collection .filter-tab .compact-filter-multiselect{background:#0000;border:none;border-radius:4px;color:#718096;font-size:.875rem;max-width:200px;padding:4px 8px}.collection .filter-tab .compact-filter-multiselect:focus{background:#edf2f7;color:#1a202c;outline:none}.collection .filter-tab .compact-filter-multiselect option{padding:4px 8px}.collection .filter-tab .loading-text{color:#a0aec0;font-size:.75rem;font-style:italic}.collection .collection-controls{background:#f7fafc;border-radius:8px}.collection .collection-controls .compact-filters{margin-bottom:1rem}.collection .collection-controls .compact-filters .filter-tabs{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:8px;position:relative}.collection .collection-controls .compact-filters .filter-tabs .filter-tab{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;position:relative;transition:all .3s ease}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .filter-tab-icon{color:#3182ce}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .filter-tab-label{color:#4a5568;font-weight:600}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select{background:#0000;color:#718096;position:relative}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select:focus{color:#1a202c}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select .filterable-select__menu,.collection .collection-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select .multiselect__menu{z-index:10000!important}.collection .collection-controls .compact-filters .filter-tabs .filter-clear-button{align-items:center;background:#fed7d7;color:#c53030;display:flex;gap:.5rem;height:2rem;justify-content:center}.collection .collection-controls .compact-filters .filter-tabs .filter-clear-button:hover:not(:disabled){background:#feb2b2}.collection .collection-controls .filters-section{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.collection .collection-controls .filters-section .filter-group{display:flex;flex-direction:column;gap:.25rem}.collection .collection-controls .filters-section .filter-group label{color:#4a5568;font-size:.875rem;font-weight:500}.collection .collection-controls .filters-section .filter-group .filter-select{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;min-width:150px;padding:.5rem}.collection .collection-controls .filters-section .filter-group .filter-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}@media(max-width:1080px){.collection .collection-controls .compact-filters .filter-tabs{flex-direction:column;gap:8px;padding:8px}.collection .collection-controls .compact-filters .filter-tabs .filter-tab{justify-content:flex-start;padding:12px;width:100%}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .filter-tab-label{min-width:80px}.collection .collection-controls .compact-filters .filter-tabs .filter-clear-button{justify-content:center;margin-top:4px;padding:10px;width:100%}.collection .collection-controls .filters-section{align-items:stretch;flex-direction:column}.collection .collection-controls .filters-section .filter-group .filter-select{min-width:auto}}@media(max-width:480px){.collection .collection-controls{padding:.75rem}.collection .collection-controls .compact-filters .filter-tabs{padding:6px}.collection .collection-controls .compact-filters .filter-tabs .filter-tab{align-items:flex-start;flex-direction:column;gap:6px;padding:10px}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .filter-tab-icon{align-self:center}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .filter-tab-label{font-size:.7rem;text-align:center;width:100%}.collection .collection-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select{font-size:.75rem;text-align:center;width:100%}.collection .collection-controls .compact-filters .filter-tabs .filter-clear-button{font-size:.75rem;padding:8px}}.collection .collection-results .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.collection .collection-results .loading-container p{color:#718096;margin-top:1rem}.collection .collection-results .empty-state-card,.collection .collection-results .error-card{margin:2rem 0}.collection .collection-results .empty-state-card .empty-state,.collection .collection-results .empty-state-card .error-content,.collection .collection-results .error-card .empty-state,.collection .collection-results .error-card .error-content{padding:2rem;text-align:center}.collection .collection-results .empty-state-card .empty-state h3,.collection .collection-results .empty-state-card .error-content h3,.collection .collection-results .error-card .empty-state h3,.collection .collection-results .error-card .error-content h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.collection .collection-results .empty-state-card .empty-state p,.collection .collection-results .empty-state-card .error-content p,.collection .collection-results .error-card .empty-state p,.collection .collection-results .error-card .error-content p{color:#718096;margin-bottom:1rem}.collection .collection-results .empty-state-card .empty-state .retry-button,.collection .collection-results .empty-state-card .error-content .retry-button,.collection .collection-results .error-card .empty-state .retry-button,.collection .collection-results .error-card .error-content .retry-button{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.collection .collection-results .empty-state-card .empty-state .retry-button:hover,.collection .collection-results .empty-state-card .error-content .retry-button:hover,.collection .collection-results .error-card .empty-state .retry-button:hover,.collection .collection-results .error-card .error-content .retry-button:hover{background:#2c5282}.collection .collection-results .models-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));position:relative}@media(max-width:1080px){.collection .collection-results .models-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:480px){.collection .collection-results .models-grid{grid-template-columns:1fr}}.collection .collection-results .models-grid .model-card-collection__loading{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.collection .collection-results .models-grid .model-card-collection__loading .loading-spinner{background:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;color:var(--text-muted);font-size:.875rem;padding:1rem}.collection .collection-results .models-grid .model-card-collection__error{background:var(--color-warning-light);border-radius:.25rem;color:var(--color-warning-dark);font-size:.875rem;left:0;margin-bottom:.5rem;padding:.5rem;position:absolute;right:0;text-align:center;top:0;z-index:5}.collection .collection-results .models-grid .empty-state{color:var(--text-muted);font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}.collection .collection-results .models-list{display:flex;flex-direction:column;gap:1rem;position:relative}.collection .collection-results .models-list .model-card-collection__loading{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.collection .collection-results .models-list .model-card-collection__loading .loading-spinner{background:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;color:var(--text-muted);font-size:.875rem;padding:1rem}.collection .collection-results .models-list .model-card-collection__error{background:var(--color-warning-light);border-radius:.25rem;color:var(--color-warning-dark);font-size:.875rem;left:0;margin-bottom:.5rem;padding:.5rem;position:absolute;right:0;text-align:center;top:0;z-index:5}.collection .collection-results .models-list .empty-state{color:var(--text-muted);font-style:italic;padding:2rem;text-align:center}.collection .collection-results .models-list .model-card .category-card,.collection .collection-results .models-list .model-card .generic-card,.collection .collection-results .models-list .model-card .location-card,.collection .collection-results .models-list .model-card .tag-card,.collection .collection-results .models-list .model-card .user-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;transition:all .2s}.collection .collection-results .models-list .model-card .category-card:hover,.collection .collection-results .models-list .model-card .generic-card:hover,.collection .collection-results .models-list .model-card .location-card:hover,.collection .collection-results .models-list .model-card .tag-card:hover,.collection .collection-results .models-list .model-card .user-card:hover{border-color:#cbd5e0;box-shadow:0 2px 4px -1px #0000001a}.collection .collection-results .models-list .model-card .user-card{border-left:4px solid #48bb78}.collection .collection-results .models-list .model-card .category-card{border-left:4px solid #ed8936}.collection .collection-results .models-list .model-card .location-card{border-left:4px solid #3182ce}.collection .collection-results .models-list .model-card .tag-card{border-left:4px solid #805ad5}.collection .collection-results .models-list .model-card .generic-card{border-left:4px solid #718096}.collection .collection-results .models-list .model-card .category-card .content,.collection .collection-results .models-list .model-card .generic-card .content,.collection .collection-results .models-list .model-card .location-card .content,.collection .collection-results .models-list .model-card .tag-card .content,.collection .collection-results .models-list .model-card .user-card .content{flex:1 1}.collection .collection-results .models-list .model-card .category-card .content h3,.collection .collection-results .models-list .model-card .generic-card .content h3,.collection .collection-results .models-list .model-card .location-card .content h3,.collection .collection-results .models-list .model-card .tag-card .content h3,.collection .collection-results .models-list .model-card .user-card .content h3{color:#1a202c;font-size:1rem;font-weight:600;margin-bottom:.25rem;margin-top:0}.collection .collection-results .models-list .model-card .category-card .content p,.collection .collection-results .models-list .model-card .generic-card .content p,.collection .collection-results .models-list .model-card .location-card .content p,.collection .collection-results .models-list .model-card .tag-card .content p,.collection .collection-results .models-list .model-card .user-card .content p{color:#718096;font-size:.875rem;margin-bottom:0;margin-top:0}.collection .collection-results .models-list .model-card .category-card .model-actions,.collection .collection-results .models-list .model-card .generic-card .model-actions,.collection .collection-results .models-list .model-card .location-card .model-actions,.collection .collection-results .models-list .model-card .tag-card .model-actions,.collection .collection-results .models-list .model-card .user-card .model-actions{margin-left:1rem}.collection .collection-results .models-list .model-card .category-card .model-actions .btn,.collection .collection-results .models-list .model-card .generic-card .model-actions .btn,.collection .collection-results .models-list .model-card .location-card .model-actions .btn,.collection .collection-results .models-list .model-card .tag-card .model-actions .btn,.collection .collection-results .models-list .model-card .user-card .model-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.collection .collection-results .models-list .model-card .category-card .model-actions .btn .btn-icon,.collection .collection-results .models-list .model-card .generic-card .model-actions .btn .btn-icon,.collection .collection-results .models-list .model-card .location-card .model-actions .btn .btn-icon,.collection .collection-results .models-list .model-card .tag-card .model-actions .btn .btn-icon,.collection .collection-results .models-list .model-card .user-card .model-actions .btn .btn-icon{height:16px;width:16px}.collection .collection-results .models-list .model-card .category-card .model-actions .btn.btn-primary,.collection .collection-results .models-list .model-card .generic-card .model-actions .btn.btn-primary,.collection .collection-results .models-list .model-card .location-card .model-actions .btn.btn-primary,.collection .collection-results .models-list .model-card .tag-card .model-actions .btn.btn-primary,.collection .collection-results .models-list .model-card .user-card .model-actions .btn.btn-primary{background:#3182ce;color:#fff}.collection .collection-results .models-list .model-card .category-card .model-actions .btn.btn-primary:hover,.collection .collection-results .models-list .model-card .generic-card .model-actions .btn.btn-primary:hover,.collection .collection-results .models-list .model-card .location-card .model-actions .btn.btn-primary:hover,.collection .collection-results .models-list .model-card .tag-card .model-actions .btn.btn-primary:hover,.collection .collection-results .models-list .model-card .user-card .model-actions .btn.btn-primary:hover{background:#2c5282}.collection .collection-results .models-list .model-card .category-card .model-actions .btn.btn-danger,.collection .collection-results .models-list .model-card .generic-card .model-actions .btn.btn-danger,.collection .collection-results .models-list .model-card .location-card .model-actions .btn.btn-danger,.collection .collection-results .models-list .model-card .tag-card .model-actions .btn.btn-danger,.collection .collection-results .models-list .model-card .user-card .model-actions .btn.btn-danger{background:#e53e3e;color:#fff}.collection .collection-results .models-list .model-card .category-card .model-actions .btn.btn-danger:hover,.collection .collection-results .models-list .model-card .generic-card .model-actions .btn.btn-danger:hover,.collection .collection-results .models-list .model-card .location-card .model-actions .btn.btn-danger:hover,.collection .collection-results .models-list .model-card .tag-card .model-actions .btn.btn-danger:hover,.collection .collection-results .models-list .model-card .user-card .model-actions .btn.btn-danger:hover{background:#c53030}.collection .collection-results .models-list .model-card .category-card .model-actions .btn.btn-sm,.collection .collection-results .models-list .model-card .generic-card .model-actions .btn.btn-sm,.collection .collection-results .models-list .model-card .location-card .model-actions .btn.btn-sm,.collection .collection-results .models-list .model-card .tag-card .model-actions .btn.btn-sm,.collection .collection-results .models-list .model-card .user-card .model-actions .btn.btn-sm{font-size:.75rem;padding:.375rem .5rem}.collection .collection-results .models-list .model-card .category-card .model-actions>.model-actions,.collection .collection-results .models-list .model-card .generic-card .model-actions>.model-actions,.collection .collection-results .models-list .model-card .location-card .model-actions>.model-actions,.collection .collection-results .models-list .model-card .tag-card .model-actions>.model-actions,.collection .collection-results .models-list .model-card .user-card .model-actions>.model-actions{display:flex;gap:.5rem}.collection .model-card .model-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.collection .model-card .model-actions .btn .btn-icon{height:16px;width:16px}@media(max-width:1080px){.collection .model-card .model-actions .btn .btn-text{display:none}}.collection .model-card .model-actions .btn.btn-primary{background:#3182ce;color:#fff}.collection .model-card .model-actions .btn.btn-primary:hover{background:#2c5282}.collection .model-card .model-actions .btn.btn-danger{background:#e53e3e;color:#fff}.collection .model-card .model-actions .btn.btn-danger:hover{background:#c53030}.collection .model-card .model-actions .btn.btn-sm{font-size:.75rem;padding:.375rem .5rem}.multiselect{display:block;position:relative;width:100%}.multiselect--disabled{cursor:not-allowed;opacity:.6}.multiselect--disabled .multiselect__control{cursor:not-allowed}.multiselect__control{align-items:center;background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius,4px);cursor:pointer;display:flex;min-height:38px;padding:2px 8px;position:relative;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.multiselect__control:hover{border-color:#007bff;border-color:var(--color-primary,#007bff)}.multiselect__control:focus-within{outline:none}.multiselect--open .multiselect__control,.multiselect__control:focus-within{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 .2rem #007bff40}.multiselect__value-container{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;min-height:34px;padding:2px 0}.multiselect__placeholder{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px}.multiselect__multi-value{align-items:center;display:flex;flex-wrap:wrap;gap:4px;width:100%}.multiselect__tag{align-items:center;background:#e7f3ff;background:var(--color-primary-light,#e7f3ff);border:1px solid #007bff;border:1px solid var(--color-primary,#007bff);border-radius:12px;display:inline-flex;font-size:12px;max-width:100%;padding:2px 8px}.multiselect__tag-label{color:#007bff;color:var(--color-primary,#007bff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect__tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#007bff;color:var(--color-primary,#007bff);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;margin-left:4px;padding:0;transition:background-color .15s ease-in-out;width:16px}.multiselect__tag-remove:hover{background:#007bff;background:var(--color-primary,#007bff);color:#fff}.multiselect__tag-remove:focus{outline:1px solid #007bff;outline:1px solid var(--color-primary,#007bff);outline-offset:1px}.multiselect__indicators{align-items:center;display:flex;gap:4px}.multiselect__clear-indicator{align-items:center;background:none;border:none;border-radius:2px;color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:4px;transition:color .15s ease-in-out}.multiselect__clear-indicator:hover{color:#dc3545;color:var(--color-danger,#dc3545)}.multiselect__clear-indicator:focus{outline:1px solid #007bff;outline:1px solid var(--color-primary,#007bff);outline-offset:1px}.multiselect__dropdown-indicator{align-items:center;color:#6c757d;color:var(--color-text-muted,#6c757d);display:flex;justify-content:center;padding:4px;transition:transform .15s ease-in-out,color .15s ease-in-out}.multiselect--open .multiselect__dropdown-indicator{color:#007bff;color:var(--color-primary,#007bff);transform:rotate(180deg)}.multiselect__menu{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius,4px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-dropdown,0 2px 8px #0000001a);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.multiselect__search{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-light,#f0f0f0);padding:8px}.multiselect__search-input{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--border-radius,4px);font-size:14px;outline:none;padding:6px 8px;transition:border-color .15s ease-in-out;width:100%}.multiselect__search-input:focus{border-color:#007bff;border-color:var(--color-primary,#007bff)}.multiselect__search-input::placeholder{color:#6c757d;color:var(--color-text-muted,#6c757d)}.multiselect__options{max-height:inherit;overflow-y:auto}.multiselect__option-wrapper{cursor:pointer}.multiselect__option-wrapper:hover .multiselect__option{background:#f8f9fa;background:var(--color-background-hover,#f8f9fa)}.multiselect__option{align-items:center;display:flex;font-size:14px;padding:8px 12px;transition:background-color .15s ease-in-out}.multiselect__option--selected{background:#e7f3ff;background:var(--color-primary-light,#e7f3ff);color:#007bff;color:var(--color-primary,#007bff)}.multiselect__checkbox{accent-color:#007bff;accent-color:var(--color-primary,#007bff);margin-right:8px}.multiselect__option-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect__no-options{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px;font-style:italic;padding:12px;text-align:center}@media(max-width:1080px){.multiselect__tag{font-size:11px;padding:1px 6px}.multiselect__search-input{font-size:16px}}.resource-preview{background:var(--background-light);border:2px solid var(--border-light);border-radius:1rem;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.resource-preview:hover{border-color:var(--primary-light);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.resource-preview--small{gap:1rem;margin:1rem 0;padding:1rem}.resource-preview--small .resource-preview__image{height:80px;width:80px}.resource-preview--small .resource-preview__name{font-size:1rem}.resource-preview--small .resource-preview__description{font-size:.875rem}.resource-preview--medium{gap:1.5rem;margin:1.5rem 0;padding:1.5rem}.resource-preview--medium .resource-preview__image{height:120px;width:120px}.resource-preview--medium .resource-preview__name{font-size:1.25rem}.resource-preview--medium .resource-preview__description{font-size:1rem}.resource-preview--large{gap:2rem;padding:2rem}.resource-preview--large .resource-preview__image{height:160px;width:160px}.resource-preview--large .resource-preview__name{font-size:1.5rem}.resource-preview--large .resource-preview__description{font-size:1.125rem}.resource-preview--clickable{cursor:pointer}.resource-preview--clickable:hover{border-color:var(--primary);box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.resource-preview--clickable:active{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.resource-preview__image{background:var(--background-white);border:2px solid var(--border-light);border-radius:.75rem;flex-shrink:0;height:120px;overflow:hidden;width:120px}.resource-preview__image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.resource-preview__image:hover img{transform:scale(1.05)}.resource-preview__image-placeholder{align-items:center;background-color:#f0f0f0;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.resource-preview__image-placeholder:before{color:#999;content:"📷";font-size:1.5rem;opacity:.4}.resource-preview__image-placeholder span{font-size:.875rem;font-weight:500}.resource-preview__info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center}.resource-preview__name{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.resource-preview__description{color:var(--text-secondary);line-height:1.4;margin:0}@media(max-width:1080px){.resource-preview{flex-direction:column;gap:1rem}.resource-preview__image{align-self:center;height:200px;width:100%}.resource-preview--small .resource-preview__image{height:150px;width:100%}.resource-preview--large .resource-preview__image{height:300px;width:300px}}@media(max-width:480px){.resource-preview{gap:.75rem;padding:1rem}.resource-preview__image{height:150px}.resource-preview__name{font-size:1.125rem}.resource-preview__description{font-size:.875rem}}.rmdp-wrapper{display:flex;flex-direction:column;width:min-content}.rmdp-arrow-container{align-items:center;border-radius:0;display:flex;height:2rem;justify-content:center;width:100%}.custom-date-picker{position:relative;width:100%}.custom-date-picker .btn-date-picker{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:.5rem;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.custom-date-picker .btn-date-picker .btn-icon{font-size:1.1rem;margin-right:.75rem}.custom-date-picker .btn-date-picker .btn-text{flex:1 1;font-weight:500}.custom-date-picker .btn-date-picker .btn-arrow{color:#6c757d;font-size:.75rem;margin-left:.5rem;transition:transform .2s ease}.custom-date-picker .btn-date-picker:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.custom-date-picker .btn-date-picker:hover:not(.disabled){background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;box-shadow:0 6px 16px #2196f326;color:#1565c0;transform:translateY(-2px)}.custom-date-picker .btn-date-picker:hover:not(.disabled) .btn-arrow{color:#2196f3;transform:translateY(-1px)}.custom-date-picker .btn-date-picker:hover:not(.disabled):before{left:100%}.custom-date-picker .btn-date-picker:active:not(.disabled),.custom-date-picker .btn-date-picker:focus:not(.disabled){box-shadow:0 4px 12px #2196f333;outline:none;transform:translateY(-1px)}.custom-date-picker .btn-date-picker.disabled{cursor:not-allowed;opacity:.6;transform:none}.custom-date-picker .btn-date-picker.disabled:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#e9ecef;box-shadow:none;transform:none}.custom-date-picker .btn-date-picker.has-value .btn-text{font-weight:600}.custom-date-picker:before{background:linear-gradient(45deg,#0000,#2196f31a,#0000);border-radius:.6rem;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease;z-index:-1}.custom-date-picker:hover:before{opacity:1}:global(.rmdp-calendar){border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:global(.rmdp-calendar) .rmdp-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-radius:.5rem .5rem 0 0}:global(.rmdp-calendar) .rmdp-day:hover{background:#e3f2fd;color:#1976d2}:global(.rmdp-calendar) .rmdp-day.rmdp-selected{background:#2196f3;box-shadow:0 2px 4px #2196f34d;color:#fff}:global(.rmdp-calendar) .rmdp-day.rmdp-today{background:#fff3e0;color:#f57c00;font-weight:600}:global(.rmdp-time-picker) .rmdp-input{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.25rem;font-size:.875rem;min-width:60px;padding:.25rem .5rem;text-align:center}:global(.rmdp-time-picker) .rmdp-input:focus{border-color:#2196f3;box-shadow:0 0 0 .1rem #2196f340}:global(.rmdp-time-picker) .rmdp-button{background:#2196f3;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background-color .15s ease-in-out}:global(.rmdp-time-picker) .rmdp-button:hover{background:#1976d2}@media(max-width:1080px){.custom-date-picker .btn-date-picker{font-size:.85rem;padding:.6rem .85rem}.custom-date-picker .btn-date-picker .btn-icon{font-size:1rem;margin-right:.6rem}}@media(max-width:480px){.custom-date-picker .btn-date-picker{font-size:.8rem;padding:.5rem .75rem}.custom-date-picker .btn-date-picker .btn-icon{font-size:.9rem;margin-right:.5rem}}.form-page-layout{margin:0 auto;max-width:1000px;padding:24px}.form-page-layout .page-header{margin-bottom:32px}.form-page-layout .page-header .header-actions{align-items:center;display:flex;gap:16px;margin-bottom:16px}.form-page-layout .page-header h1{color:var(--color-text-primary);font-size:28px;font-weight:600;margin:0}.form-page-layout .page-header p{color:var(--color-text-secondary);font-size:16px;margin:0}.form-page-layout .page-content .form-container{background:#fff;background:var(--color-background-secondary,#fff);border:1px solid #e5e5e5;border:1px solid var(--color-border-light,#e5e5e5);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}@media(max-width:1080px){.form-page-layout{padding:16px}.form-page-layout .page-header{margin-bottom:24px}.form-page-layout .page-header .header-actions{margin-bottom:12px}.form-page-layout .page-header h1{font-size:24px}.form-page-layout .page-content .form-container{border-radius:8px;padding:24px}}@media(max-width:480px){.form-page-layout{padding:12px}.form-page-layout .page-content .form-container{padding:16px}}.create-page .error-container,.create-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.create-page .error-container .error-message,.create-page .loading-container .error-message{color:var(--color-error);font-size:1rem;margin-top:1rem}.create-page .error-container p,.create-page .loading-container p{color:var(--color-text-secondary);margin-top:.5rem}.create-page.category-create-page .form-container{max-width:600px}.create-page.location-create-page .form-container{max-width:800px}.create-page.tag-create-page .form-container{max-width:500px}.create-page.resource-create-page .form-container{max-width:900px}.edit-page .error-container,.edit-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.edit-page .error-container .error-message,.edit-page .loading-container .error-message{color:var(--color-error);font-size:1rem;margin-top:1rem}.edit-page .error-container p,.edit-page .loading-container p{color:var(--color-text-secondary);margin-top:.5rem}.edit-page.category-edit-page .form-container{max-width:600px}.edit-page.location-edit-page .form-container{max-width:800px}.edit-page.tag-edit-page .form-container{max-width:500px}.edit-page.resource-edit-page .form-container{max-width:900px}.view-page-header .header-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.view-page-header .header-actions .action-buttons{align-items:center;display:flex;gap:.75rem}.view-page-header .header-actions .action-buttons .loading-permissions{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-size:.875rem;gap:.5rem}.view-page-header .header-actions .action-buttons .loading-permissions .loading-spinner{animation:spinner-rotate .75s linear infinite;border:.15em solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:1rem;width:1rem}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.view-page-header .header-actions .action-buttons .btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.view-page-header .header-actions .action-buttons .btn svg{font-size:.875rem}.view-page-header .header-actions .action-buttons .btn.btn-primary{background-color:#007bff;background-color:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.view-page-header .header-actions .action-buttons .btn.btn-primary:hover{background-color:#0056b3;background-color:var(--primary-dark,#0056b3);border-color:#0056b3;border-color:var(--primary-dark,#0056b3);transform:translateY(-1px)}.view-page-header .header-actions .action-buttons .btn.btn-danger{background-color:#dc3545;background-color:var(--danger-color,#dc3545);border-color:#dc3545;border-color:var(--danger-color,#dc3545);color:#fff}.view-page-header .header-actions .action-buttons .btn.btn-danger:hover{background-color:#c82333;background-color:var(--danger-dark,#c82333);border-color:#c82333;border-color:var(--danger-dark,#c82333);transform:translateY(-1px)}.view-page-header .header-actions .action-buttons .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media(max-width:1080px){.view-page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}.view-page-header .header-actions .action-buttons{justify-content:flex-end}}@media(max-width:480px){.view-page-header .header-actions .action-buttons{justify-content:center}.view-page-header .header-actions .action-buttons .btn{flex:1 1;justify-content:center}}.login-page{align-items:center;background:#f8f9fa;display:flex;justify-content:center}.login-page__container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:3rem;text-align:center;width:100%}.login-page__container h1{color:#333;margin-bottom:1rem}.login-page__container p{color:#666;margin-bottom:2rem}.login-page__error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.75rem}.dashboard-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.dashboard-page .page-container{margin:0 auto;max-width:1200px;width:100%}.dashboard-page .page-header{margin-bottom:2rem;text-align:left}.dashboard-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.dashboard-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.dashboard-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.dashboard-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.dashboard-page .page-content--no-background{background:#0000;box-shadow:none}.dashboard-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.dashboard-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.dashboard-page .page-actions--end{justify-content:flex-end}.dashboard-page .page-actions--start{justify-content:flex-start}.dashboard-page .page-actions--center{justify-content:center}.dashboard-page .error-container,.dashboard-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.dashboard-page .error-container h2,.dashboard-page .loading-container h2{margin-bottom:1rem}.dashboard-page .error-container p,.dashboard-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.dashboard-page .error-container h2{color:#dc3545}@media(max-width:1080px){.dashboard-page .page-header .page-title{font-size:1.5rem}.dashboard-page .page-header .page-description{font-size:.9rem}.dashboard-page .page-actions{align-items:stretch;flex-direction:column}.dashboard-page .page-actions--center,.dashboard-page .page-actions--end,.dashboard-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.dashboard-page{padding:.75rem}.dashboard-page .page-header{margin-bottom:1.5rem}.dashboard-page .page-header .page-title{font-size:1.25rem}}.dashboard-page .dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.dashboard-page .dashboard-grid .stats-card .stats-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dashboard-page .dashboard-grid .stats-card .stats-content .stat-resource{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;text-align:center}.dashboard-page .dashboard-grid .stats-card .stats-content .stat-resource .stat-value{color:#007bff;display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-page .dashboard-grid .stats-card .stats-content .stat-resource .stat-label{color:#666;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dashboard-page .dashboard-grid .activity-card .activity-list .activity-resource{border-bottom:1px solid #eee;display:flex;flex-direction:column;padding:.75rem 0}.dashboard-page .dashboard-grid .activity-card .activity-list .activity-resource:last-child{border-bottom:none}.dashboard-page .dashboard-grid .activity-card .activity-list .activity-resource .activity-time{color:#999;font-size:.875rem;margin-bottom:.25rem}.dashboard-page .dashboard-grid .activity-card .activity-list .activity-resource .activity-text{color:#333;font-weight:500}.dashboard-page .dashboard-section{margin-bottom:2rem}.dashboard-page .dashboard-section .loading-card .loading-content{color:#666;padding:2rem;text-align:center}.dashboard-page .dashboard-section .empty-state-card .empty-state{padding:3rem;text-align:center}.dashboard-page .dashboard-section .empty-state-card .empty-state h3{color:#666;margin-bottom:1rem}.dashboard-page .dashboard-section .empty-state-card .empty-state p{color:#999;margin-bottom:1.5rem}.dashboard-page .dashboard-section .empty-state-card .empty-state .get-started-button{background:#28a745;border-radius:6px;color:#fff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.dashboard-page .dashboard-section .empty-state-card .empty-state .get-started-button:hover{background:#218838}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats{grid-gap:1rem;border-bottom:1px solid #eee;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem;padding-bottom:1.5rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;text-align:center}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat .stat-number{color:#007bff;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat .stat-text{color:#666;font-size:.875rem;font-weight:500}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource:last-child{border-bottom:none}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-info{display:flex;flex-direction:column;gap:.25rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-info .resource-name{color:#333;font-weight:500}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-info .resource-category{color:#666;font-size:.875rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-status{border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-status.available{background:#d4edda;color:#155724}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-status.unavailable{background:#f8d7da;color:#721c24}@media(max-width:1080px){.dashboard-page{padding:1rem}.dashboard-page .dashboard-header h1{font-size:1.5rem}.dashboard-page .dashboard-header p{font-size:1rem}.dashboard-page .dashboard-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.dashboard-page .dashboard-grid .stats-card .stats-content{gap:.75rem;grid-template-columns:repeat(2,1fr)}.dashboard-page .dashboard-grid .stats-card .stats-content .stat-item{padding:.75rem}.dashboard-page .dashboard-grid .stats-card .stats-content .stat-item .stat-value{font-size:1.5rem}.dashboard-page .dashboard-grid .stats-card .stats-content .stat-item .stat-label{font-size:.75rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat{padding:.75rem .5rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat .stat-number{font-size:1.25rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat .stat-text{font-size:.75rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-info .resource-name{font-size:.9rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-info .resource-category{font-size:.8rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-resources-preview .recent-resources-list .recent-resource .resource-status{font-size:.7rem;padding:.2rem .4rem}}@media(max-width:480px){.dashboard-page{padding:.5rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats{grid-template-columns:1fr}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat .stat-number{font-size:1.5rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .preview-stats .preview-stat .stat-text{font-size:.875rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-items-preview .recent-resources-list .recent-resource{align-items:flex-start;flex-direction:column;gap:.5rem}.dashboard-page .dashboard-section .inventory-preview-card .inventory-preview .recent-items-preview .recent-resources-list .recent-resource .resource-status{align-self:flex-end}}.resources-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.resources-page .page-container{margin:0 auto;max-width:1200px;width:100%}.resources-page .page-header{margin-bottom:2rem;text-align:left}.resources-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.resources-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.resources-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.resources-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.resources-page .page-content--no-background{background:#0000;box-shadow:none}.resources-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.resources-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.resources-page .page-actions--end{justify-content:flex-end}.resources-page .page-actions--start{justify-content:flex-start}.resources-page .page-actions--center{justify-content:center}.resources-page .error-container,.resources-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.resources-page .error-container h2,.resources-page .loading-container h2{margin-bottom:1rem}.resources-page .error-container p,.resources-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.resources-page .error-container h2{color:#dc3545}@media(max-width:1080px){.resources-page .page-header .page-title{font-size:1.5rem}.resources-page .page-header .page-description{font-size:.9rem}.resources-page .page-actions{align-items:stretch;flex-direction:column}.resources-page .page-actions--center,.resources-page .page-actions--end,.resources-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.resources-page{padding:.75rem}.resources-page .page-header{margin-bottom:1.5rem}.resources-page .page-header .page-title{font-size:1.25rem}}.resources-page .resources-controls{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.resources-page .resources-controls .search-section{margin-bottom:1.5rem}.resources-page .resources-controls .search-section .search-bar{display:flex;gap:.75rem;max-width:600px}.resources-page .resources-controls .search-section .search-bar .search-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.resources-page .resources-controls .search-section .search-bar .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.resources-page .resources-controls .search-section .search-bar .search-clear{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:background-color .2s ease}.resources-page .resources-controls .search-section .search-bar .search-clear:hover:not(:disabled){background:#5a6268}.resources-page .resources-controls .search-section .search-bar .search-clear:disabled{background:#adb5bd;cursor:not-allowed}.resources-page .resources-controls .compact-filters .filter-tabs{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:8px;position:relative;z-index:1}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:8px;min-width:180px;padding:8px 12px;position:relative;transition:all .3s ease}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .filter-tab-icon{color:#3b82f6;font-size:.9rem}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .filter-tab-label{color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.5px;min-width:60px;text-transform:uppercase}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select{background:#0000;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:.85rem;position:relative;z-index:4}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select:focus{color:#374151;outline:none}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select .multiselect__menu{z-index:10000!important}.resources-page .resources-controls .compact-filters .filter-tabs .filter-clear-button{align-items:center;background:linear-gradient(90deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:2}.resources-page .resources-controls .compact-filters .filter-tabs .filter-clear-button:hover{background:linear-gradient(90deg,#ef444426,#ef444414);border-color:#ef44444d;box-shadow:0 2px 4px #ef44441a;transform:translateY(-1px)}.resources-page .resources-controls .filters-section{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.resources-page .resources-controls .filters-section .filter-group{display:flex;flex-direction:column;gap:.5rem}.resources-page .resources-controls .filters-section .filter-group label{color:#333;font-size:.875rem;font-weight:500}.resources-page .resources-controls .filters-section .filter-group .filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.875rem;min-width:150px;padding:.5rem}.resources-page .resources-controls .filters-section .filter-group .filter-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.resources-page .resources-controls .filters-section .clear-filters-button{background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.resources-page .resources-controls .filters-section .clear-filters-button:hover:not(:disabled){background:#e0a800}.resources-page .resources-controls .filters-section .clear-filters-button:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.resources-page .resources-controls .filters-section .refresh-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.resources-page .resources-controls .filters-section .refresh-button:hover:not(:disabled){background:#0056b3}.resources-page .resources-controls .filters-section .refresh-button:disabled{background:#6c757d;cursor:not-allowed}.resources-page .resources-results .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.resources-page .resources-results .loading-container p{color:#666;font-size:1.1rem;margin-top:1rem}.resources-page .resources-results .error-card .error-content{padding:2rem;text-align:center}.resources-page .resources-results .error-card .error-content h3{color:#dc3545;margin-bottom:1rem}.resources-page .resources-results .error-card .error-content p{color:#666;margin-bottom:1.5rem}.resources-page .resources-results .error-card .error-content .retry-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.resources-page .resources-results .error-card .error-content .retry-button:hover{background:#c82333}.resources-page .resources-results .empty-state-card .empty-state{padding:3rem;text-align:center}.resources-page .resources-results .empty-state-card .empty-state h3{color:#666;margin-bottom:1rem}.resources-page .resources-results .empty-state-card .empty-state p{color:#999}.resources-page .resources-results .resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}@media(max-width:1080px){.resources-page .resources-header h1{font-size:1.5rem}.resources-page .resources-header p{font-size:1rem}.resources-page .resources-controls{padding:1rem}.resources-page .resources-controls .search-section .search-bar{flex-direction:column;max-width:none}.resources-page .resources-controls .search-section .search-bar .search-input{margin-bottom:.5rem}.resources-page .resources-controls .compact-filters .filter-tabs{flex-direction:column;gap:8px;padding:12px;position:relative;z-index:1}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab{justify-content:flex-start;min-width:auto;padding:12px;position:relative;width:100%;z-index:2}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .filter-tab-label{font-size:.75rem;min-width:80px}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select{font-size:.8rem;position:relative;z-index:4}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select .filterable-select__menu,.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select .multiselect__menu{z-index:10000!important}.resources-page .resources-controls .compact-filters .filter-tabs .filter-clear-button{justify-content:center;margin-top:4px;padding:10px;position:relative;width:100%;z-index:2}.resources-page .resources-controls .filters-section{align-items:stretch;flex-direction:column}.resources-page .resources-controls .filters-section .filter-group .filter-select{min-width:auto}.resources-page .resources-controls .filters-section .clear-filters-button,.resources-page .resources-controls .filters-section .refresh-button{margin-top:.5rem}.resources-page .resources-results .resources-grid{gap:1rem;grid-template-columns:1fr}}@media(max-width:480px){.resources-page{padding:.5rem}.resources-page .resources-controls{padding:.75rem}.resources-page .resources-controls .compact-filters .filter-tabs{padding:8px;position:relative;z-index:1}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab{align-items:flex-start;flex-direction:column;gap:6px;padding:10px;position:relative;z-index:2}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .filter-tab-icon{align-self:center}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .filter-tab-label{font-size:.7rem;text-align:center;width:100%}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select{font-size:.75rem;position:relative;text-align:center;width:100%;z-index:4}.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select .filterable-select__menu,.resources-page .resources-controls .compact-filters .filter-tabs .filter-tab .compact-filter-select .multiselect__menu{z-index:10000!important}.resources-page .resources-controls .compact-filters .filter-tabs .filter-clear-button{font-size:.75rem;padding:8px;position:relative;z-index:2}.resources-page .resources-controls .filters-section .clear-filters-button,.resources-page .resources-controls .filters-section .refresh-button{width:100%}}.borrowing-calendar .calendar-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.borrowing-calendar .calendar-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.borrowing-calendar .calendar-toolbar .toolbar-navigation{display:flex;gap:8px}.borrowing-calendar .calendar-toolbar .toolbar-navigation .btn{font-size:16px}.borrowing-calendar .calendar-toolbar .toolbar-label h4{color:#333;font-weight:600;margin:0}.borrowing-calendar .calendar-toolbar .toolbar-views .btn-group .btn{font-size:16px;padding:4px 12px}.borrowing-calendar .borrowing-event{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;display:flex;flex-direction:row;font-size:16px;gap:1rem;justify-content:center;overflow:hidden;padding:2px 4px;text-align:center}.borrowing-calendar .borrowing-event strong{display:block;font-weight:600;margin-bottom:2px}.borrowing-calendar .borrowing-event .event-notes{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.borrowing-calendar .borrowing-event:hover{background:#0056b3}.borrowing-calendar .borrowing-event.event-type-reservation-reserved{background:var(--status-reservation);border-color:var(--status-reservation-border)}.borrowing-calendar .borrowing-event.event-type-reservation-reserved:hover{background:var(--status-reservation-text)}.borrowing-calendar .borrowing-event.event-type-borrowing-active{background:var(--status-borrowing-active);border-color:var(--status-borrowing-active-border)}.borrowing-calendar .borrowing-event.event-type-borrowing-active:hover{background:var(--status-borrowing-active-text)}.borrowing-calendar .borrowing-event.event-type-borrowing-returned{background:var(--status-borrowing-returned);border-color:var(--status-borrowing-returned-border)}.borrowing-calendar .borrowing-event.event-type-borrowing-returned:hover{background:var(--status-borrowing-returned-text)}.borrowing-calendar .borrowing-event.event-type-default{background:#007bff;border-color:#0056b3}.borrowing-calendar .borrowing-event.event-type-default:hover{background:#0056b3}.borrowing-calendar .rbc-calendar{font-family:inherit}.borrowing-calendar .rbc-calendar .rbc-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-weight:600;padding:8px 12px}.borrowing-calendar .rbc-calendar .rbc-today{background-color:#007bff1a}.borrowing-calendar .rbc-calendar .rbc-off-range-bg{background-color:#f8f9fa}.borrowing-calendar .rbc-calendar .rbc-event{background-color:#0000;border:none;border-radius:4px;padding:2px 4px}.borrowing-calendar .rbc-calendar .rbc-event.rbc-selected{box-shadow:0 0 0 2px #007bff4d}.borrowing-calendar .rbc-calendar .rbc-slot-selection{background-color:#007bff33}.borrowing-calendar .rbc-calendar .rbc-date-cell{padding:8px}.borrowing-calendar .rbc-calendar .rbc-date-cell.rbc-off-range{color:#6c757d}.borrowing-calendar .rbc-calendar .rbc-month-view,.borrowing-calendar .rbc-calendar .rbc-time-view{border:1px solid #dee2e6;border-radius:4px}.borrowing-calendar .rbc-calendar .rbc-time-view .rbc-time-header{border-bottom:1px solid #dee2e6}.borrowing-calendar .rbc-calendar .rbc-time-view .rbc-time-content .rbc-time-gutter .rbc-timeslot-group{border-bottom:1px solid #f0f0f0}.borrowing-calendar .rbc-calendar .rbc-agenda-view{border:1px solid #dee2e6;border-radius:4px}.borrowing-calendar .rbc-calendar .rbc-agenda-view .rbc-agenda-table .rbc-agenda-time-cell{background:#f8f9fa;border-right:1px solid #dee2e6;font-weight:500}.borrowing-calendar .rbc-calendar .rbc-agenda-view .rbc-agenda-table .rbc-agenda-event-cell{padding:12px}.borrowing-calendar .rbc-calendar .rbc-agenda-view .rbc-agenda-table .rbc-agenda-date-cell{background:#f8f9fa;border-right:1px solid #dee2e6;font-weight:600}.borrowing-calendar-empty .empty-state,.borrowing-calendar-empty .error-state,.borrowing-calendar-empty .loading-state,.borrowing-calendar-error .empty-state,.borrowing-calendar-error .error-state,.borrowing-calendar-error .loading-state,.borrowing-calendar-loading .empty-state,.borrowing-calendar-loading .error-state,.borrowing-calendar-loading .loading-state{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.borrowing-calendar-empty .empty-state p,.borrowing-calendar-empty .error-state p,.borrowing-calendar-empty .loading-state p,.borrowing-calendar-error .empty-state p,.borrowing-calendar-error .error-state p,.borrowing-calendar-error .loading-state p,.borrowing-calendar-loading .empty-state p,.borrowing-calendar-loading .error-state p,.borrowing-calendar-loading .loading-state p{font-size:16px;margin:0 0 8px}.borrowing-calendar-empty .empty-state small,.borrowing-calendar-empty .error-state small,.borrowing-calendar-empty .loading-state small,.borrowing-calendar-error .empty-state small,.borrowing-calendar-error .error-state small,.borrowing-calendar-error .loading-state small,.borrowing-calendar-loading .empty-state small,.borrowing-calendar-loading .error-state small,.borrowing-calendar-loading .loading-state small{color:#8c8c8c;font-size:14px}.borrowing-calendar-empty .loading-state .loading-spinner,.borrowing-calendar-error .loading-state .loading-spinner,.borrowing-calendar-loading .loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:32px;margin-bottom:16px;width:32px}.borrowing-calendar-empty .error-state,.borrowing-calendar-error .error-state,.borrowing-calendar-loading .error-state{color:#dc3545}.borrowing-calendar-empty .error-state .error-icon,.borrowing-calendar-error .error-state .error-icon,.borrowing-calendar-loading .error-state .error-icon{font-size:32px;margin-bottom:16px}.borrowing-calendar-empty .error-state small,.borrowing-calendar-error .error-state small,.borrowing-calendar-loading .error-state small{color:#6c757d;font-family:monospace}@media(max-width:1080px){.borrowing-calendar .calendar-toolbar{align-items:stretch;flex-direction:column;gap:12px}.borrowing-calendar .calendar-toolbar .toolbar-navigation .btn-group,.borrowing-calendar .calendar-toolbar .toolbar-views .btn-group{grid-gap:6px;display:grid;gap:6px}.borrowing-calendar .calendar-toolbar .toolbar-label{text-align:center}.borrowing-calendar .rbc-calendar{font-size:22px}.borrowing-calendar .rbc-calendar .rbc-event{font-size:11px;padding:1px 2px}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.loading-spinner,.resource-view-page .error-container .loading-spinner,.resource-view-page .loading-container .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.base-view-page .loading-container,.base-view-page .resource-view-page .error-container,.resource-view-page .base-view-page .error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.base-view-page .loading-container p,.base-view-page .resource-view-page .error-container p,.resource-view-page .base-view-page .error-container p{color:#6c757d;margin-top:1rem}.base-view-page .error-card,.base-view-page .resource-view-page .error-container,.base-view-page .resource-view-page .loading-container,.resource-view-page .base-view-page .error-container,.resource-view-page .base-view-page .loading-container{margin:0 auto;max-width:500px}.base-view-page .error-card .error-content,.base-view-page .resource-view-page .error-container .error-content,.base-view-page .resource-view-page .loading-container .error-content,.resource-view-page .base-view-page .error-container .error-content,.resource-view-page .base-view-page .loading-container .error-content{padding:2rem;text-align:center}.base-view-page .error-card .error-content h2,.base-view-page .resource-view-page .error-container .error-content h2,.base-view-page .resource-view-page .loading-container .error-content h2,.resource-view-page .base-view-page .error-container .error-content h2,.resource-view-page .base-view-page .loading-container .error-content h2{color:#dc3545;margin-bottom:1rem}.base-view-page .error-card .error-content p,.base-view-page .resource-view-page .error-container .error-content p,.base-view-page .resource-view-page .loading-container .error-content p,.resource-view-page .base-view-page .error-container .error-content p,.resource-view-page .base-view-page .loading-container .error-content p{color:#6c757d;margin-bottom:1.5rem}.resource-image-gallery .main-image-container{background-color:var(--color-gray-100);border-radius:8px;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:100%}.resource-image-gallery .main-image-container .main-image{height:auto;max-height:400px;object-fit:cover;transition:opacity .3s ease;width:100%}.resource-image-gallery .main-image-container .main-image.loading{opacity:0}.resource-image-gallery .main-image-container .image-nav{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:40px;z-index:2}.resource-image-gallery .main-image-container .image-nav:hover{background:#000c}.resource-image-gallery .main-image-container .image-nav.prev{left:10px}.resource-image-gallery .main-image-container .image-nav.next{right:10px}.resource-image-gallery .image-thumbnails{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.resource-image-gallery .image-thumbnails .thumbnail{background:none;border:2px solid #0000;border-radius:4px;cursor:pointer;height:60px;overflow:hidden;padding:0;transition:border-color .2s ease;width:60px}.resource-image-gallery .image-thumbnails .thumbnail.active{border-color:var(--color-primary)}.resource-image-gallery .image-thumbnails .thumbnail:hover:not(.active){border-color:var(--color-gray-300)}.resource-image-gallery .image-thumbnails .thumbnail img{height:100%;object-fit:cover;width:100%}.resource-image-gallery .image-thumbnails .thumbnail .thumbnail-placeholder{align-items:center;background-color:#f0f0f0;color:var(--color-gray-400);display:flex;height:100%;justify-content:center;width:100%}.resource-image-gallery .image-thumbnails .thumbnail .thumbnail-placeholder:before{color:#999;content:"📷";font-size:1rem;opacity:.4}.resource-image-gallery .image-skeleton{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;height:300px;justify-content:center;margin:0 auto;max-width:500px;overflow:hidden;width:100%}.resource-image-gallery .image-skeleton .skeleton-placeholder{align-items:center;background-color:#e8e8e8;border-radius:4px;display:flex;height:60%;justify-content:center;position:relative;width:60%}.resource-image-gallery .image-skeleton .skeleton-placeholder:before{color:#999;content:"📷";font-size:1.5rem;opacity:.4}.resource-image-gallery .image-placeholder{align-items:center;background-color:#f0f0f0;border:2px dashed var(--color-gray-300);border-radius:8px;color:var(--color-gray-500);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;margin:0 auto;max-width:500px;min-height:300px;width:100%}.resource-image-gallery .image-placeholder:before{color:#999;content:"📷";font-size:3rem;opacity:.4}.resource-image-gallery .image-placeholder span{font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.resource-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.resource-actions .button-container{flex:1 1;min-width:160px}.resource-actions .button{min-height:44px;width:100%}.resource-info .resource-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.resource-info .resource-header .resource-title{color:var(--color-text-primary);flex:1 1;font-size:28px;font-weight:600;margin:0;min-width:200px}.resource-info .resource-header .availability-badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.resource-info .resource-header .availability-badge.status-available{background-color:var(--color-success-light);color:var(--color-success-dark)}.resource-info .resource-header .availability-badge.status-borrowed{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.resource-info .resource-header .availability-badge.status-unavailable{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.resource-info .availability-details{font-size:14px;margin-bottom:20px}.resource-info .availability-details.status-available{color:#4caf50;color:var(--color-success,#4caf50)}.resource-info .availability-details.status-unavailable{color:#f44336;color:var(--color-danger,#f44336)}.resource-info .availability-details p{color:var(--color-text-secondary);font-size:14px;margin:0}.resource-info .resource-details{background-color:#f8f9fa;background-color:var(--color-background-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--color-border-light,#e9ecef);border-radius:8px;padding:20px}.resource-info .resource-details .details-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}@media(max-width:1080px){.resource-info .resource-details .details-grid{display:flex;flex-direction:column;gap:1rem}}.resource-info .resource-details .detail-item{display:flex;flex-direction:column;gap:6px}.resource-info .resource-details .detail-item .detail-label{color:var(--color-text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.resource-info .resource-details .detail-item .detail-value{color:var(--color-text-primary);font-size:16px;font-weight:500}.resource-info .resource-details .detail-item .detail-value .location-badge{align-items:center;background-color:#e3f2fd;border-color:#bbdefb;border-radius:16px;color:#1565c0;display:inline-flex;gap:6px;padding:4px 12px}.resource-info .resource-details .detail-item .detail-value .location-badge.clickable{cursor:pointer;transition:background-color .2s,transform .1s}.resource-info .resource-details .detail-item .detail-value .location-badge.clickable:hover{background-color:#bbdefb;transform:translateY(-1px)}.resource-info .resource-details .detail-item .detail-value .location-badge.clickable:active{transform:translateY(0)}.resource-info .resource-details .detail-item .detail-value .location-badge.clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.resource-info .resource-details .detail-item .detail-value .category-badge{background-color:var(--color-primary);border-radius:16px;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:4px 12px;text-shadow:0 1px 2px #0000001a}.resource-info .resource-details .detail-item .detail-value .category-badge[style*=background-color]{filter:contrast(1.2)}.resource-info .resource-details .detail-item .detail-value .category-badge.clickable{cursor:pointer;transition:transform .1s,box-shadow .2s}.resource-info .resource-details .detail-item .detail-value .category-badge.clickable:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.resource-info .resource-details .detail-item .detail-value .category-badge.clickable:active{transform:translateY(0)}.resource-info .resource-details .detail-item .detail-value .category-badge.clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.resource-info .resource-details .detail-item .detail-value .quantity-value{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:600;gap:4px}.resource-info .resource-details .detail-item .detail-value .quantity-value:after{color:var(--color-text-secondary);content:attr(data-unit,"");font-size:12px;font-weight:400}@media(max-width:1080px){.resource-info .resource-header{align-items:flex-start;flex-direction:column}.resource-info .resource-header .resource-title{font-size:24px}.resource-info .resource-header .availability-badge{align-self:flex-start}}.resource-tags{margin-bottom:32px}.resource-tags h3{border-bottom:2px solid var(--color-gray-200);color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.resource-transactions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.resource-transactions .borrowing-history-calendar-section{margin-bottom:32px}.resource-transactions .borrowing-history-calendar-section h3{border-bottom:2px solid var(--color-gray-200);color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.resource-transactions .borrowing-history-calendar-section .resource-borrowing-history-calendar{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.resource-transactions .transaction-collection{margin-bottom:24px}.resource-transactions .transaction-collection:last-child{margin-bottom:0}.resource-transactions .transactions-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.resource-transactions .transactions-loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-gray-200);border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:32px;margin-bottom:16px;width:32px}.resource-transactions .transactions-loading p{color:var(--color-text-secondary);margin:0}.resource-transactions .transactions-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:6px;padding:20px;text-align:center}.resource-transactions .transactions-error p{color:var(--color-danger-dark);margin:0}.resource-transactions .no-transactions{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:6px;padding:40px;text-align:center}.resource-transactions .no-transactions p{color:var(--color-text-secondary);font-style:italic;margin:0}.resource-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.resource-view-page .error-container,.resource-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.resource-view-page .error-container p,.resource-view-page .loading-container p{color:#6c757d;margin-top:1rem}.resource-view-page .error-card,.resource-view-page .error-container,.resource-view-page .loading-container{margin:0 auto;max-width:500px}.resource-view-page .error-card .error-content,.resource-view-page .error-container .error-content,.resource-view-page .loading-container .error-content{padding:2rem;text-align:center}.resource-view-page .error-card .error-content h2,.resource-view-page .error-container .error-content h2,.resource-view-page .loading-container .error-content h2{color:#dc3545;margin-bottom:1rem}.resource-view-page .error-card .error-content p,.resource-view-page .error-container .error-content p,.resource-view-page .loading-container .error-content p{color:#6c757d;margin-bottom:1.5rem}.resource-view-page .details-section .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.resource-view-page .details-section .info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.resource-view-page .details-section .details-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.resource-view-page .details-section .details-header .icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.resource-view-page .details-section .details-header .info{flex:1 1}.resource-view-page .details-section .details-header .info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.resource-view-page .details-section .metadata{grid-gap:1rem;display:grid;gap:1rem}.resource-view-page .details-section .metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.resource-view-page .details-section .metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.resource-view-page .details-section .metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.resource-view-page .details-section .metadata .metadata-item .value{color:#212529;word-break:break-word}.resource-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.resource-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.resource-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.resource-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.resource-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.resource-view-page{padding:.5rem}.resource-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.resource-view-page .error-container h2,.resource-view-page .loading-container h2{color:var(--color-danger);margin-bottom:1rem}.resource-view-page .error-container p,.resource-view-page .loading-container p{color:var(--color-text-secondary);margin-bottom:1.5rem}.resource-view-page .resource-content{display:flex;flex-direction:column;gap:32px}.resource-view-page .resource-content .details-section{display:flex;flex-direction:column;gap:24px}.resource-view-page .resource-content .details-section .resource-info-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;position:relative}.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:300px 1fr;margin-bottom:1.5rem}.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info .image-manager{grid-column:1}.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info .resource-info{grid-column:2}@media(max-width:1080px){.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info{gap:24px;grid-template-columns:1fr;margin-bottom:1rem}.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info .image-manager,.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info .resource-info{grid-column:1;max-width:330px}}.resource-view-page .resource-content .details-section .resource-info-card .description-section,.resource-view-page .resource-content .details-section .resource-info-card .notes-section{border-top:1px solid #e9ecef;border-top:1px solid var(--border-light,#e9ecef);margin-top:1.5rem;padding-top:1.5rem}.resource-view-page .resource-content .details-section .resource-info-card .description-section:first-child,.resource-view-page .resource-content .details-section .resource-info-card .notes-section:first-child{border-top:none;margin-top:0;padding-top:0}.resource-view-page .resource-content .details-section .resource-info-card .description-section h3,.resource-view-page .resource-content .details-section .resource-info-card .notes-section h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.resource-view-page .resource-content .details-section .resource-info-card .description-section .description,.resource-view-page .resource-content .details-section .resource-info-card .description-section .notes,.resource-view-page .resource-content .details-section .resource-info-card .notes-section .description,.resource-view-page .resource-content .details-section .resource-info-card .notes-section .notes{color:var(--color-text-secondary);line-height:1.6;margin:0;padding:16px 0}.resource-view-page .resource-content .details-section .resource-info-card .notes-section .notes{background-color:#fff3cd;background-color:var(--color-background-tertiary,#fff3cd);border-left:4px solid #ffc107;border-left:4px solid var(--color-warning,#ffc107);border-radius:0 4px 4px 0;font-style:italic;padding:16px}.resource-view-page .resource-content .resource-transactions-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;position:relative}@media(max-width:1080px){.resource-view-page .resource-content{gap:24px}.resource-view-page .resource-content .details-section{gap:20px}.resource-view-page .resource-content .details-section .resource-info-card{padding:1rem}.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info{gap:24px;margin-bottom:1rem}.resource-view-page .resource-content .details-section .resource-info-card .description-section,.resource-view-page .resource-content .details-section .resource-info-card .notes-section{margin-top:1rem;padding-top:1rem}.resource-view-page .resource-content .resource-transactions-card{padding:0}.resource-view-page .resource-content{gap:20px}.resource-view-page .resource-content .details-section{gap:16px}.resource-view-page .resource-content .details-section .resource-info-card .resource-main-info{gap:20px}}.state-selector-container{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:.75rem;position:relative;-webkit-user-select:none;user-select:none}.state-selector-container.selector-small{font-size:.875rem;gap:.5rem}.state-selector-container.selector-small .state-option{border-radius:6px;font-size:.75rem;padding:.375rem .75rem}.state-selector-container.selector-small .option-icon{font-size:.875em}.state-selector-container.selector-small .selection-indicator{height:16px;width:16px}.state-selector-container.selector-small .indicator-checkmark{font-size:.625rem}.state-selector-container.selector-medium{font-size:1rem;gap:.75rem}.state-selector-container.selector-medium .state-option{border-radius:8px;font-size:.875rem;padding:.5rem 1rem}.state-selector-container.selector-medium .option-icon{font-size:1em}.state-selector-container.selector-medium .selection-indicator{height:20px;width:20px}.state-selector-container.selector-medium .indicator-checkmark{font-size:.75rem}.state-selector-container.selector-large{font-size:1.125rem;gap:1rem}.state-selector-container.selector-large .state-option{border-radius:10px;font-size:1rem;padding:.75rem 1.25rem}.state-selector-container.selector-large .option-icon{font-size:1.125em}.state-selector-container.selector-large .selection-indicator{height:24px;width:24px}.state-selector-container.selector-large .indicator-checkmark{font-size:.875rem}.state-selector-container.selector-animated .indicator-glow,.state-selector-container.selector-animated .selection-indicator,.state-selector-container.selector-animated .state-option{transition:all .3s cubic-bezier(.4,0,.2,1)}.state-selector-container.selector-disabled{cursor:not-allowed;opacity:.6}.state-selector-container.selector-disabled .state-option{cursor:not-allowed;pointer-events:none}.state-selector-options{background-color:#f8fafc;display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem}.state-option{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #0000001a;border-top-color:#0003;box-shadow:inset 0 2px 4px #0000001a,inset 0 1px 2px #0000000d;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;letter-spacing:.5px;overflow:hidden;position:relative;text-shadow:0 1px 2px #fffc;text-transform:uppercase}.state-option:hover:not(.active):not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:inset 0 1px 3px #00000014,0 3px 8px #00000026;color:#475569;transform:translateY(-1px)}.state-option:active:not(:disabled){box-shadow:inset 0 2px 4px #00000026,inset 0 1px 2px #0000001a;transform:translateY(1px)}.state-option.active{background:linear-gradient(135deg,#fff,#f8fafc 25%,#e2e8f0);border:1px solid #ffffff80;border-bottom-color:#0000001a;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,inset 0 1px 2px #fffc;font-weight:700;transform:translateY(-2px)}.state-option.active:before{background:linear-gradient(135deg,#fff9,#0000 50%,#0000000d);border-radius:inherit;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.state-option.state-option-primary.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe 25%,#93c5fd);box-shadow:0 4px 12px #3b82f633,0 2px 6px #3b82f61a,inset 0 1px 2px #ffffffe6;color:#1e40af;text-shadow:0 1px 2px #ffffffe6}.state-option.state-option-primary.active:before{background:linear-gradient(135deg,#3b82f61a,#0000 50%,#3b82f60d)}.state-option.state-option-success.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0 25%,#6ee7b7);box-shadow:0 4px 12px #10b98133,0 2px 6px #10b9811a,inset 0 1px 2px #ffffffe6;color:#065f46;text-shadow:0 1px 2px #ffffffe6}.state-option.state-option-success.active:before{background:linear-gradient(135deg,#10b9811a,#0000 50%,#10b9810d)}.state-option.state-option-warning.active{background:linear-gradient(135deg,#fef3c7,#fde68a 25%,#fcd34d);box-shadow:0 4px 12px #f59e0b33,0 2px 6px #f59e0b1a,inset 0 1px 2px #ffffffe6;color:#92400e;text-shadow:0 1px 2px #ffffffe6}.state-option.state-option-warning.active:before{background:linear-gradient(135deg,#f59e0b1a,#0000 50%,#f59e0b0d)}.state-option.state-option-error.active{background:linear-gradient(135deg,#fee2e2,#fecaca 25%,#fca5a5);box-shadow:0 4px 12px #ef444433,0 2px 6px #ef44441a,inset 0 1px 2px #ffffffe6;color:#991b1b;text-shadow:0 1px 2px #ffffffe6}.state-option.state-option-error.active:before{background:linear-gradient(135deg,#ef44441a,#0000 50%,#ef44440d)}.state-option.state-option-info.active{background:linear-gradient(135deg,#cffafe,#a5f3fc 25%,#67e8f9);box-shadow:0 4px 12px #06b6d433,0 2px 6px #06b6d41a,inset 0 1px 2px #ffffffe6;color:#155e75;text-shadow:0 1px 2px #ffffffe6}.state-option.state-option-info.active:before{background:linear-gradient(135deg,#06b6d41a,#0000 50%,#06b6d40d)}.state-option.state-option-secondary.active{background:linear-gradient(135deg,#ede9fe,#ddd6fe 25%,#c4b5fd);box-shadow:0 4px 12px #8b5cf633,0 2px 6px #8b5cf61a,inset 0 1px 2px #ffffffe6;color:#5b21b6;text-shadow:0 1px 2px #ffffffe6}.state-option.state-option-secondary.active:before{background:linear-gradient(135deg,#8b5cf61a,#0000 50%,#8b5cf60d)}.option-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.option-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-indicator{align-items:center;background:radial-gradient(circle,#10b981e6 0,#059669 100%);border:1px solid #ffffff80;border-radius:50%;box-shadow:0 2px 6px #10b9814d,inset 0 1px 2px #fff6;display:flex;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transform:scale(0);z-index:2}.active .selection-indicator{opacity:1;transform:scale(1)}.indicator-glow{background:radial-gradient(circle,#10b9814d 0,#0000 70%);border-radius:50%;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px}.active .indicator-glow{animation:pulseGlow 2s ease-in-out infinite;opacity:1}.indicator-checkmark{color:#fff;font-weight:900;text-shadow:0 1px 2px #0000004d}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:1080px){.state-selector-container{gap:.5rem}.state-selector-container.selector-large{gap:.75rem}.state-selector-options{gap:.5rem;padding:.5rem}.state-option{font-size:.8rem;padding:.4rem .8rem}}@media(max-width:480px){.state-selector-options{flex-direction:column}.state-option{justify-content:center;width:100%}}@media(prefers-contrast:high){.state-option{background:#fff!important;border:2px solid #000!important;color:#000!important}.state-option.active{background:#000!important;color:#fff!important}.selection-indicator{background:#000!important;border-color:#000}}@media(prefers-reduced-motion:reduce){.selector-animated .indicator-glow,.selector-animated .selection-indicator,.selector-animated .state-option{transition:none}.indicator-glow{animation:none}}.categories-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.categories-page .page-container{margin:0 auto;max-width:1200px;width:100%}.categories-page .page-header{margin-bottom:2rem;text-align:left}.categories-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.categories-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.categories-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.categories-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.categories-page .page-content--no-background{background:#0000;box-shadow:none}.categories-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.categories-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.categories-page .page-actions--end{justify-content:flex-end}.categories-page .page-actions--start{justify-content:flex-start}.categories-page .page-actions--center{justify-content:center}.categories-page .error-container,.categories-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.categories-page .error-container h2,.categories-page .loading-container h2{margin-bottom:1rem}.categories-page .error-container p,.categories-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.categories-page .error-container h2{color:#dc3545}@media(max-width:1080px){.categories-page .page-header .page-title{font-size:1.5rem}.categories-page .page-header .page-description{font-size:.9rem}.categories-page .page-actions{align-items:stretch;flex-direction:column}.categories-page .page-actions--center,.categories-page .page-actions--end,.categories-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.categories-page{padding:.75rem}.categories-page .page-header{margin-bottom:1.5rem}.categories-page .page-header .page-title{font-size:1.25rem}}.categories-page .form-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:2rem}@media(max-width:1080px){.categories-page .form-actions{flex-direction:column-reverse;gap:.5rem}.categories-page .form-actions .btn{width:100%}.categories-page .delete-confirmation .form-actions{flex-direction:column}.categories-page .delete-confirmation .form-actions .btn{width:100%}}@media(max-width:480px){.categories-page{padding:1rem}.categories-page .category-form .color-input-group{align-items:stretch;flex-direction:column}.categories-page .category-form .color-input-group input[type=color]{height:50px;width:100%}.categories-page .category-form .color-input-group .color-text-input{max-width:none}}.category-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.category-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.category-view-page .loading-container p{color:#6c757d;margin-top:1rem}.category-view-page .error-card{margin:0 auto;max-width:500px}.category-view-page .error-card .error-content{padding:2rem;text-align:center}.category-view-page .error-card .error-content h2{color:#dc3545;margin-bottom:1rem}.category-view-page .error-card .error-content p{color:#6c757d;margin-bottom:1.5rem}.category-view-page .details-section .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.category-view-page .details-section .info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.category-view-page .details-section .details-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.category-view-page .details-section .details-header .icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.category-view-page .details-section .details-header .info{flex:1 1}.category-view-page .details-section .details-header .info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.category-view-page .details-section .metadata{grid-gap:1rem;display:grid;gap:1rem}.category-view-page .details-section .metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.category-view-page .details-section .metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.category-view-page .details-section .metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.category-view-page .details-section .metadata .metadata-item .value{color:#212529;word-break:break-word}.category-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.category-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.category-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.category-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.category-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.category-view-page{padding:.5rem}.category-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.category-view-page .category-info-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;position:relative}.category-view-page .category-info-card .category-layout{align-items:stretch;display:flex;gap:2rem}.category-view-page .category-info-card .category-layout .category-image-section{flex-shrink:0;min-height:300px;min-width:300px}.category-view-page .category-info-card .category-layout .category-details-section{flex:1 1;min-width:0}.category-view-page .category-info-card .category-timestamps{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;position:absolute;right:1rem;top:1rem}.category-view-page .category-info-card .category-timestamps .timestamp{align-items:center;display:flex;flex-direction:row;gap:.5rem}.category-view-page .category-info-card .category-timestamps .timestamp .label{color:#8e9297;color:var(--text-muted,#8e9297);font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.category-view-page .category-info-card .category-timestamps .timestamp .value{background:#f8f9fa;background:var(--background-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:4px;color:#6c757d;color:var(--text-secondary,#6c757d);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;padding:.125rem .375rem}.category-view-page .category-info-card .category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;padding-right:120px}.category-view-page .category-info-card .category-header .category-icon{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:10px;box-shadow:0 4px 12px #007bff4d;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.category-view-page .category-info-card .category-header .category-info{flex:1 1;min-width:0}.category-view-page .category-info-card .category-header .category-info h1{color:#212529;color:var(--text-primary,#212529);font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.category-view-page .category-info-card .category-header .category-info .category-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.95rem;line-height:1.4;margin:0}.category-view-page .category-info-card .category-actions{display:flex;gap:1rem;margin-top:1.5rem}.category-view-page .category-resources .category-resources-collection{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.category-view-page .category-resources .category-resources-collection .resource-grid{gap:1rem}.category-view-page .category-resources .category-resources-collection .resource-card{border-radius:8px;padding:1rem}@media(max-width:1080px){.category-view-page,.category-view-page .category-info-card{padding:1rem}.category-view-page .category-info-card .category-timestamps{align-items:flex-start;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);margin-bottom:1rem;padding-bottom:1rem;position:static}.category-view-page .category-info-card .category-timestamps .timestamp{align-items:flex-start}.category-view-page .category-info-card .category-timestamps .timestamp .label{font-size:.65rem}.category-view-page .category-info-card .category-timestamps .timestamp .value{font-size:.7rem}.category-view-page .category-info-card .category-layout{flex-direction:column;gap:1.5rem}.category-view-page .category-info-card .category-layout .category-image-section{min-width:250px}.category-view-page .category-info-card .category-header{gap:.75rem;margin-bottom:1rem;padding-right:0}.category-view-page .category-info-card .category-header .category-icon{font-size:18px;height:40px;width:40px}.category-view-page .category-info-card .category-header .category-info h1{font-size:1.25rem}.category-view-page .category-info-card .category-header .category-info .category-description{font-size:.9rem}.category-view-page .category-resources .category-resources-collection{padding:1rem}}.locations-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.locations-page .page-container{margin:0 auto;max-width:1200px;width:100%}.locations-page .page-header{margin-bottom:2rem;text-align:left}.locations-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.locations-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.locations-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.locations-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.locations-page .page-content--no-background{background:#0000;box-shadow:none}.locations-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.locations-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.locations-page .page-actions--end{justify-content:flex-end}.locations-page .page-actions--start{justify-content:flex-start}.locations-page .page-actions--center{justify-content:center}.locations-page .error-container,.locations-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.locations-page .error-container h2,.locations-page .loading-container h2{margin-bottom:1rem}.locations-page .error-container p,.locations-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.locations-page .error-container h2{color:#dc3545}@media(max-width:1080px){.locations-page .page-header .page-title{font-size:1.5rem}.locations-page .page-header .page-description{font-size:.9rem}.locations-page .page-actions{align-items:stretch;flex-direction:column}.locations-page .page-actions--center,.locations-page .page-actions--end,.locations-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.locations-page{padding:.75rem}.locations-page .page-header{margin-bottom:1.5rem}.locations-page .page-header .page-title{font-size:1.25rem}}.locations-page .location-list .list-header{margin-bottom:1.5rem}.locations-page .location-list .list-header h3{color:#333;margin:0}.locations-page .location-list .locations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:1080px){.locations-page .location-list .locations-grid{grid-template-columns:1fr}}.locations-page .location-list .location-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:box-shadow .2s ease}.locations-page .location-list .location-card:hover{box-shadow:0 4px 8px #00000026}.locations-page .location-list .location-card .location-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.locations-page .location-list .location-card .location-header .location-icon{flex-shrink:0;font-size:1.2rem}.locations-page .location-list .location-card .location-header .location-name{color:#333;flex:1 1;font-size:1.1rem;margin:0}.locations-page .location-list .location-card .location-header .location-actions{display:flex;gap:.5rem}.locations-page .location-list .location-card .location-details{background-color:#f0f8ff;border-left:3px solid #007bff;border-radius:4px;color:#007bff;font-size:.875rem;margin-bottom:.75rem;padding:.5rem}.locations-page .location-list .location-card .location-description{color:#666;line-height:1.4;margin-bottom:1rem}.locations-page .location-list .location-card .location-notes{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.locations-page .location-list .location-card .location-notes strong{color:#856404}.locations-page .location-list .location-card .location-meta{border-top:1px solid #eee;color:#888;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding-top:.75rem}.locations-page .empty-state{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;padding:3rem;text-align:center}.locations-page .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.locations-page .empty-state h3{color:#333;margin:0 0 .5rem}.locations-page .empty-state p{color:#666;margin:0}.locations-page .error-message{background-color:#f8d7da;border:1px solid #f1aeb5;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.75rem}.locations-page .loading-message{color:#666;padding:2rem;text-align:center}.location-transactions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.location-transactions .location-transactions-tabs{width:100%}.location-transactions .tab-content{padding:1.5rem 0}.location-transactions .borrowings-tab .transaction-collection,.location-transactions .resources-tab .transaction-collection{margin-top:0}.location-transactions .location-borrowings-collection,.location-transactions .location-resources-collection{background:#0000;box-shadow:none;padding:0}.location-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.location-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.location-view-page .loading-container p{color:#6c757d;margin-top:1rem}.location-view-page .error-card{margin:0 auto;max-width:500px}.location-view-page .error-card .error-content{padding:2rem;text-align:center}.location-view-page .error-card .error-content h2{color:#dc3545;margin-bottom:1rem}.location-view-page .error-card .error-content p{color:#6c757d;margin-bottom:1.5rem}.location-view-page .details-section .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.location-view-page .details-section .info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.location-view-page .details-section .details-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.location-view-page .details-section .details-header .icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.location-view-page .details-section .details-header .info{flex:1 1}.location-view-page .details-section .details-header .info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.location-view-page .details-section .metadata{grid-gap:1rem;display:grid;gap:1rem}.location-view-page .details-section .metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.location-view-page .details-section .metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.location-view-page .details-section .metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.location-view-page .details-section .metadata .metadata-item .value{color:#212529;word-break:break-word}.location-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.location-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.location-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.location-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.location-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.location-view-page{padding:.5rem}.location-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.location-view-page .location-info-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;position:relative}.location-view-page .location-info-card .location-timestamps{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;position:absolute;right:1rem;top:1rem}.location-view-page .location-info-card .location-timestamps .timestamp{align-items:flex-end;display:flex;flex-direction:row;gap:0 .5rem}.location-view-page .location-info-card .location-timestamps .timestamp .label{color:#8e9297;color:var(--text-muted,#8e9297);font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.location-view-page .location-info-card .location-timestamps .timestamp .value{background:#f8f9fa;background:var(--background-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:4px;color:#6c757d;color:var(--text-secondary,#6c757d);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;padding:.125rem .375rem}.location-view-page .location-info-card .location-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;padding-right:120px}.location-view-page .location-info-card .location-header .location-icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:10px;box-shadow:0 4px 12px #28a7454d;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.location-view-page .location-info-card .location-header .location-info{flex:1 1;min-width:0}.location-view-page .location-info-card .location-header .location-info h1{color:#212529;color:var(--text-primary,#212529);font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.location-view-page .location-info-card .location-header .location-info .location-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.95rem;line-height:1.4;margin:0}.location-view-page .location-info-card .location-metadata{display:flex;flex-direction:column;gap:1rem}.location-view-page .location-info-card .location-metadata .metadata-item{align-items:flex-start;border-bottom:1px solid #f1f3f5;border-bottom:1px solid var(--border-light,#f1f3f5);display:flex;justify-content:space-between;padding:.75rem 0}.location-view-page .location-info-card .location-metadata .metadata-item:last-child{border-bottom:none}.location-view-page .location-info-card .location-metadata .metadata-item .label{color:#6c757d;color:var(--text-secondary,#6c757d);flex-shrink:0;font-size:.875rem;font-weight:500;min-width:100px}.location-view-page .location-info-card .location-metadata .metadata-item .value{color:#212529;color:var(--text-primary,#212529);font-size:.875rem;text-align:right;word-break:break-word}.location-view-page .location-info-card .location-actions{display:flex;gap:1rem}.location-view-page .location-resources{margin:0 auto;max-width:1200px}.location-view-page .location-resources .location-resources-collection{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.location-view-page .location-resources .location-resources-collection .resource-grid{gap:1rem}.location-view-page .location-resources .location-resources-collection .resource-card{border-radius:8px;padding:1rem}@media(max-width:1080px){.location-view-page,.location-view-page .location-info-card{padding:1rem}.location-view-page .location-info-card .location-timestamps{align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem}.location-view-page .location-info-card .location-timestamps .timestamp{align-items:flex-start}.location-view-page .location-info-card .location-timestamps .timestamp .label{font-size:.65rem}.location-view-page .location-info-card .location-timestamps .timestamp .value{font-size:.7rem}.location-view-page .location-info-card .location-header{gap:.75rem;margin-bottom:1rem;padding-right:0}.location-view-page .location-info-card .location-header .location-icon{font-size:18px;height:40px;width:40px}.location-view-page .location-info-card .location-header .location-info h1{font-size:1.25rem}.location-view-page .location-info-card .location-header .location-info .location-description{font-size:.9rem}.location-view-page .location-info-card .location-metadata{gap:.75rem}.location-view-page .location-info-card .location-metadata .metadata-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.5rem 0}.location-view-page .location-info-card .location-metadata .metadata-item .label{font-size:.8rem;letter-spacing:.5px;min-width:auto;text-transform:uppercase}.location-view-page .location-info-card .location-metadata .metadata-item .value{font-size:.9rem;text-align:left}.location-view-page .location-resources .location-resources-collection{padding:1rem}}@media(max-width:480px){.location-view-page{padding:.75rem}.location-view-page .location-info-card{border-radius:8px;padding:.75rem}.location-view-page .location-info-card .location-timestamps{margin-bottom:.75rem;padding-bottom:.75rem}.location-view-page .location-info-card .location-timestamps .timestamp .label{font-size:.6rem}.location-view-page .location-info-card .location-timestamps .timestamp .value{font-size:.65rem;padding:.1rem .3rem}.location-view-page .location-info-card .location-header{gap:.5rem}.location-view-page .location-info-card .location-header .location-icon{font-size:16px;height:36px;width:36px}.location-view-page .location-info-card .location-header .location-info h1{font-size:1.1rem}.location-view-page .location-info-card .location-header .location-info .location-description{font-size:.85rem}}@media(max-width:1024px){.location-view-page .location-details{gap:1.5rem;grid-template-columns:1fr}}@media(max-width:1080px){.location-view-page{padding:1rem}.location-view-page .location-details{gap:1rem}.location-view-page .location-info-card{padding:1rem}.location-view-page .location-info-card .location-header{gap:.75rem;margin-bottom:1rem}.location-view-page .location-info-card .location-header .location-icon{font-size:18px;height:40px;width:40px}.location-view-page .location-info-card .location-header .location-info h1{font-size:1.25rem}.location-view-page .location-info-card .location-header .location-info .location-description{font-size:.9rem}.location-view-page .location-info-card .location-metadata{gap:.75rem}.location-view-page .location-info-card .location-metadata .metadata-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.5rem 0}.location-view-page .location-info-card .location-metadata .metadata-item .label{font-size:.8rem;letter-spacing:.5px;min-width:auto;text-transform:uppercase}.location-view-page .location-info-card .location-metadata .metadata-item .value{font-size:.9rem;text-align:left}.location-view-page .location-resources .location-resources-collection{padding:1rem}}@media(max-width:480px){.location-view-page{padding:.75rem}.location-view-page .location-info-card{border-radius:8px;padding:.75rem}.location-view-page .location-info-card .location-header{gap:.5rem}.location-view-page .location-info-card .location-header .location-icon{font-size:16px;height:36px;width:36px}.location-view-page .location-info-card .location-header .location-info h1{font-size:1.1rem}.location-view-page .location-info-card .location-header .location-info .location-description{font-size:.85rem}}@media(max-width:1080px){.location-view-page .location-info-card .location-header{flex-direction:column;text-align:center}.location-view-page .location-info-card .location-header .location-info h1{font-size:1.5rem}.location-view-page .location-info-card .location-metadata{grid-template-columns:1fr}}.tags-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.tags-page .page-container{margin:0 auto;max-width:1200px;width:100%}.tags-page .page-header{margin-bottom:2rem;text-align:left}.tags-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.tags-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.tags-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.tags-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tags-page .page-content--no-background{background:#0000;box-shadow:none}.tags-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.tags-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tags-page .page-actions--end{justify-content:flex-end}.tags-page .page-actions--start{justify-content:flex-start}.tags-page .page-actions--center{justify-content:center}.tags-page .error-container,.tags-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.tags-page .error-container h2,.tags-page .loading-container h2{margin-bottom:1rem}.tags-page .error-container p,.tags-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.tags-page .error-container h2{color:#dc3545}@media(max-width:1080px){.tags-page .page-header .page-title{font-size:1.5rem}.tags-page .page-header .page-description{font-size:.9rem}.tags-page .page-actions{align-items:stretch;flex-direction:column}.tags-page .page-actions--center,.tags-page .page-actions--end,.tags-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.tags-page{padding:.75rem}.tags-page .page-header{margin-bottom:1.5rem}.tags-page .page-header .page-title{font-size:1.25rem}}.tags-page .tags-collection .create-tag-button{align-items:center;background:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.tags-page .tags-collection .create-tag-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.tags-page .tags-collection .create-tag-button:active{transform:translateY(0)}.tags-page .tag-form-modal .tag-form{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.tags-page .tag-form-modal .tag-form .form-group{display:flex;flex-direction:column;gap:.5rem}.tags-page .tag-form-modal .tag-form .form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.tags-page .tag-form-modal .tag-form .form-group input,.tags-page .tag-form-modal .tag-form .form-group textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;padding:.75rem;transition:border-color .2s ease}.tags-page .tag-form-modal .tag-form .form-group input:focus,.tags-page .tag-form-modal .tag-form .form-group textarea:focus{border-color:var(--primary-color);outline:none}.tags-page .tag-form-modal .tag-form .form-group input.error,.tags-page .tag-form-modal .tag-form .form-group textarea.error{border-color:var(--error-color)}.tags-page .tag-form-modal .tag-form .form-group input:disabled,.tags-page .tag-form-modal .tag-form .form-group textarea:disabled{background:var(--background-tertiary);color:var(--text-secondary);cursor:not-allowed}.tags-page .tag-form-modal .tag-form .form-group textarea{min-height:80px;resize:vertical}.tags-page .tag-form-modal .tag-form .form-group .error-message{color:var(--error-color);font-size:.8rem}.tags-page .tag-form-modal .tag-form .form-group .color-input-wrapper{align-items:center;display:flex;gap:.5rem}.tags-page .tag-form-modal .tag-form .form-group .color-input-wrapper input[type=color]{border:1px solid var(--border-color);cursor:pointer;height:40px;padding:0;width:50px}.tags-page .tag-form-modal .tag-form .form-group .color-input-wrapper .color-text-input{flex:1 1;font-family:monospace}.tags-page .tag-form-modal .tag-form .form-group .color-preview{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;font-weight:600;justify-content:center;min-height:40px;padding:.75rem;text-align:center}.tags-page .tag-form-modal .tag-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.tags-page .tag-form-modal .tag-form .form-actions .cancel-button,.tags-page .tag-form-modal .tag-form .form-actions .submit-button{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tags-page .tag-form-modal .tag-form .form-actions .cancel-button:disabled,.tags-page .tag-form-modal .tag-form .form-actions .submit-button:disabled{cursor:not-allowed;opacity:.6}.tags-page .tag-form-modal .tag-form .form-actions .cancel-button{background:var(--background-secondary);color:var(--text-primary)}.tags-page .tag-form-modal .tag-form .form-actions .cancel-button:hover:not(:disabled){background:var(--background-tertiary)}.tags-page .tag-form-modal .tag-form .form-actions .submit-button{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tags-page .tag-form-modal .tag-form .form-actions .submit-button:hover:not(:disabled){background:var(--primary-dark)}.tags-page .delete-modal .delete-confirmation{padding:1rem;text-align:center}.tags-page .delete-modal .delete-confirmation p{color:var(--text-primary);font-size:1.1rem;margin-bottom:2rem}.tags-page .delete-modal .delete-confirmation .modal-actions{display:flex;gap:1rem;justify-content:center}.tags-page .delete-modal .delete-confirmation .modal-actions .cancel-button,.tags-page .delete-modal .delete-confirmation .modal-actions .delete-button{border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.tags-page .delete-modal .delete-confirmation .modal-actions .cancel-button{background:var(--background-secondary);color:var(--text-primary)}.tags-page .delete-modal .delete-confirmation .modal-actions .cancel-button:hover{background:var(--background-tertiary)}.tags-page .delete-modal .delete-confirmation .modal-actions .delete-button{background:var(--error-color);border-color:var(--error-color);color:#fff}.tags-page .delete-modal .delete-confirmation .modal-actions .delete-button:hover{background:var(--error-dark)}@media(max-width:1080px){.tags-page{padding:1rem}.tags-page .tag-form-modal .tag-form .color-input-wrapper{align-items:stretch;flex-direction:column}.tags-page .delete-modal .delete-confirmation .modal-actions,.tags-page .tag-form-modal .tag-form .form-actions{flex-direction:column}}.base-view-page .details-section .info-card,.base-view-page .details-section .tag-view-page .tag-info-card,.tag-view-page .base-view-page .details-section .tag-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.base-view-page .details-section .details-header,.base-view-page .details-section .tag-view-page .tag-info-card .tag-header,.tag-view-page .tag-info-card .base-view-page .details-section .tag-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.base-view-page .details-section .details-header .icon,.base-view-page .details-section .tag-view-page .tag-info-card .tag-header .icon,.base-view-page .details-section .tag-view-page .tag-info-card .tag-header .tag-badge,.tag-view-page .tag-info-card .base-view-page .details-section .tag-header .icon,.tag-view-page .tag-info-card .base-view-page .details-section .tag-header .tag-badge,.tag-view-page .tag-info-card .tag-header .base-view-page .details-section .details-header .tag-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.base-view-page .details-section .details-header .info,.base-view-page .details-section .tag-view-page .tag-info-card .tag-header .info,.base-view-page .details-section .tag-view-page .tag-info-card .tag-header .tag-info,.tag-view-page .tag-info-card .base-view-page .details-section .tag-header .info,.tag-view-page .tag-info-card .base-view-page .details-section .tag-header .tag-info,.tag-view-page .tag-info-card .tag-header .base-view-page .details-section .details-header .tag-info{flex:1 1}.base-view-page .details-section .details-header .info h1,.base-view-page .details-section .tag-view-page .tag-info-card .tag-header .info h1,.base-view-page .details-section .tag-view-page .tag-info-card .tag-header .tag-info h1,.tag-view-page .tag-info-card .base-view-page .details-section .tag-header .info h1,.tag-view-page .tag-info-card .base-view-page .details-section .tag-header .tag-info h1,.tag-view-page .tag-info-card .tag-header .base-view-page .details-section .details-header .tag-info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.base-view-page .details-section .metadata,.base-view-page .details-section .tag-view-page .tag-info-card .tag-metadata,.tag-view-page .tag-info-card .base-view-page .details-section .tag-metadata{grid-gap:1rem;display:grid;gap:1rem}.base-view-page .details-section .metadata .metadata-item,.base-view-page .details-section .tag-view-page .tag-info-card .tag-metadata .metadata-item,.tag-view-page .tag-info-card .base-view-page .details-section .tag-metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.base-view-page .details-section .metadata .metadata-item.notes,.base-view-page .details-section .tag-view-page .tag-info-card .tag-metadata .metadata-item.notes,.tag-view-page .tag-info-card .base-view-page .details-section .tag-metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.base-view-page .details-section .metadata .metadata-item .label,.base-view-page .details-section .tag-view-page .tag-info-card .tag-metadata .metadata-item .label,.tag-view-page .tag-info-card .base-view-page .details-section .tag-metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.base-view-page .details-section .metadata .metadata-item .value,.base-view-page .details-section .tag-view-page .tag-info-card .tag-metadata .metadata-item .value,.tag-view-page .tag-info-card .base-view-page .details-section .tag-metadata .metadata-item .value{color:#212529;word-break:break-word}.tag-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.tag-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.tag-view-page .loading-container p{color:#6c757d;margin-top:1rem}.tag-view-page .error-card{margin:0 auto;max-width:500px}.tag-view-page .error-card .error-content{padding:2rem;text-align:center}.tag-view-page .error-card .error-content h2{color:#dc3545;margin-bottom:1rem}.tag-view-page .error-card .error-content p{color:#6c757d;margin-bottom:1.5rem}.tag-view-page .details-section .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.tag-view-page .details-section .info-card,.tag-view-page .details-section .tag-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.tag-view-page .details-section .details-header,.tag-view-page .details-section .tag-info-card .tag-header,.tag-view-page .tag-info-card .details-section .tag-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.tag-view-page .details-section .details-header .icon,.tag-view-page .details-section .tag-info-card .tag-header .icon,.tag-view-page .details-section .tag-info-card .tag-header .tag-badge,.tag-view-page .tag-info-card .details-section .tag-header .icon,.tag-view-page .tag-info-card .details-section .tag-header .tag-badge,.tag-view-page .tag-info-card .tag-header .details-section .details-header .tag-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.tag-view-page .details-section .details-header .info,.tag-view-page .details-section .tag-info-card .tag-header .info,.tag-view-page .details-section .tag-info-card .tag-header .tag-info,.tag-view-page .tag-info-card .details-section .tag-header .info,.tag-view-page .tag-info-card .details-section .tag-header .tag-info,.tag-view-page .tag-info-card .tag-header .details-section .details-header .tag-info{flex:1 1}.tag-view-page .details-section .details-header .info h1,.tag-view-page .details-section .tag-info-card .tag-header .info h1,.tag-view-page .details-section .tag-info-card .tag-header .tag-info h1,.tag-view-page .tag-info-card .details-section .tag-header .info h1,.tag-view-page .tag-info-card .details-section .tag-header .tag-info h1,.tag-view-page .tag-info-card .tag-header .details-section .details-header .tag-info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.tag-view-page .details-section .metadata,.tag-view-page .details-section .tag-info-card .tag-metadata,.tag-view-page .tag-info-card .details-section .tag-metadata{grid-gap:1rem;display:grid;gap:1rem}.tag-view-page .details-section .metadata .metadata-item,.tag-view-page .details-section .tag-info-card .tag-metadata .metadata-item,.tag-view-page .tag-info-card .details-section .tag-metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.tag-view-page .details-section .metadata .metadata-item.notes,.tag-view-page .details-section .tag-info-card .tag-metadata .metadata-item.notes,.tag-view-page .tag-info-card .details-section .tag-metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.tag-view-page .details-section .metadata .metadata-item .label,.tag-view-page .details-section .tag-info-card .tag-metadata .metadata-item .label,.tag-view-page .tag-info-card .details-section .tag-metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.tag-view-page .details-section .metadata .metadata-item .value,.tag-view-page .details-section .tag-info-card .tag-metadata .metadata-item .value,.tag-view-page .tag-info-card .details-section .tag-metadata .metadata-item .value{color:#212529;word-break:break-word}.tag-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.tag-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.tag-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.tag-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.tag-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.tag-view-page{padding:.5rem}.tag-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.tag-view-page .tag-details{display:flex;flex-direction:column;gap:2rem}.tag-view-page .tag-info-card .tag-header .tag-badge{border:2px solid var(--border-color);height:80px;width:80px}.tag-view-page .tag-info-card .tag-header .tag-info h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.tag-view-page .tag-info-card .tag-header .tag-info .tag-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.tag-view-page .tag-info-card .tag-metadata{border-top:1px solid var(--border-color);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:1.5rem}.tag-view-page .tag-info-card .tag-metadata .metadata-item{display:flex;flex-direction:column;gap:.25rem}.tag-view-page .tag-info-card .tag-metadata .metadata-item .label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tag-view-page .tag-info-card .tag-metadata .metadata-item .value{color:var(--text-primary);font-size:1rem}.tag-view-page .tag-info-card .tag-metadata .metadata-item .color-display{align-items:center;display:flex;gap:.75rem}.tag-view-page .tag-info-card .tag-metadata .metadata-item .color-display .color-swatch{border:1px solid var(--border-color);border-radius:4px;height:24px;width:24px}.tag-view-page .tag-info-card .tag-metadata .metadata-item .color-display .color-code{background:var(--background-tertiary);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:.9rem;padding:.25rem .5rem}.tag-view-page .tag-resources .tag-resources-collection{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}@media(max-width:1080px){.tag-view-page .tag-info-card .tag-header{flex-direction:column;text-align:center}.tag-view-page .tag-info-card .tag-header .tag-info h1{font-size:1.5rem}.tag-view-page .tag-info-card .tag-metadata{grid-template-columns:1fr}}.my-borrowings-page{padding:0}.my-borrowings-page__status{border-radius:4px;font-size:.875rem;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.my-borrowings-page__status--primary{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.my-borrowings-page__status--success{background-color:var(--status-borrowing-returned-bg);color:var(--status-borrowing-returned-text)}.my-borrowings-page__status--danger{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.all-borrowings-page{padding:0}.all-borrowings-page__status{border-radius:4px;font-size:.875rem;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.all-borrowings-page__status--primary{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.all-borrowings-page__status--success{background-color:var(--status-borrowing-returned-bg);color:var(--status-borrowing-returned-text)}.all-borrowings-page__status--danger{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.borrowings-calendar-page__header{margin-bottom:2rem}.borrowings-calendar-page__header .borrowings-calendar-page__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.borrowings-calendar-page__header .borrowings-calendar-page__description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.borrowings-calendar-page__content .borrowings-calendar{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.borrowings-calendar-page .calendar-error,.borrowings-calendar-page .calendar-loading,.borrowings-calendar-page .no-borrowings{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.borrowings-calendar-page .calendar-error .loading-spinner,.borrowings-calendar-page .calendar-loading .loading-spinner,.borrowings-calendar-page .no-borrowings .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.borrowings-calendar-page .calendar-error p,.borrowings-calendar-page .calendar-loading p,.borrowings-calendar-page .no-borrowings p{font-size:1rem;margin:0}.borrowings-calendar-page .calendar-error .retry-button,.borrowings-calendar-page .calendar-loading .retry-button,.borrowings-calendar-page .no-borrowings .retry-button{background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.borrowings-calendar-page .calendar-error .retry-button:hover,.borrowings-calendar-page .calendar-loading .retry-button:hover,.borrowings-calendar-page .no-borrowings .retry-button:hover{background-color:var(--primary-dark)}.borrowings-page__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.borrowings-page__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:2.25rem;font-weight:700;margin:0}.borrowings-page__description{color:#6b7280;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0}.borrowings-page__status{align-items:center;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.375rem 1rem;text-transform:uppercase;transition:all .2s ease}.borrowings-page__status:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.borrowings-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.borrowings-page .page-container{margin:0 auto;max-width:1200px;width:100%}.borrowings-page .page-header{margin-bottom:2rem;text-align:left}.borrowings-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.borrowings-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.borrowings-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.borrowings-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.borrowings-page .page-content--no-background{background:#0000;box-shadow:none}.borrowings-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.borrowings-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.borrowings-page .page-actions--end{justify-content:flex-end}.borrowings-page .page-actions--start{justify-content:flex-start}.borrowings-page .page-actions--center{justify-content:center}.borrowings-page .error-container,.borrowings-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.borrowings-page .error-container h2,.borrowings-page .loading-container h2{margin-bottom:1rem}.borrowings-page .error-container p,.borrowings-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.borrowings-page .error-container h2{color:#dc3545}@media(max-width:1080px){.borrowings-page .page-header .page-title{font-size:1.5rem}.borrowings-page .page-header .page-description{font-size:.9rem}.borrowings-page .page-actions{align-items:stretch;flex-direction:column}.borrowings-page .page-actions--center,.borrowings-page .page-actions--end,.borrowings-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.borrowings-page{padding:.75rem}.borrowings-page .page-header{margin-bottom:1.5rem}.borrowings-page .page-header .page-title{font-size:1.25rem}}.borrowings-page__content .borrowings-tabs .tabs-content{margin-top:24px}.borrowing-actions{display:flex;flex-wrap:wrap;gap:12px}.borrowing-actions .button-container{flex:1 1;min-width:160px}.borrowing-actions .button{min-height:44px;width:100%}@media(max-width:1080px){.borrowing-actions{flex-direction:column}.borrowing-actions .button-container{flex:none;min-width:auto;width:100%}}.borrowing-view-page .error-container .loading-spinner,.borrowing-view-page .loading-container .loading-spinner,.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.base-view-page .borrowing-view-page .error-container,.base-view-page .loading-container,.borrowing-view-page .base-view-page .error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.base-view-page .borrowing-view-page .error-container p,.base-view-page .loading-container p,.borrowing-view-page .base-view-page .error-container p{color:#6c757d;margin-top:1rem}.base-view-page .borrowing-view-page .error-container,.base-view-page .borrowing-view-page .loading-container,.base-view-page .error-card,.borrowing-view-page .base-view-page .error-container,.borrowing-view-page .base-view-page .loading-container{margin:0 auto;max-width:500px}.base-view-page .borrowing-view-page .error-container .error-content,.base-view-page .borrowing-view-page .loading-container .error-content,.base-view-page .error-card .error-content,.borrowing-view-page .base-view-page .error-container .error-content,.borrowing-view-page .base-view-page .loading-container .error-content{padding:2rem;text-align:center}.base-view-page .borrowing-view-page .error-container .error-content h2,.base-view-page .borrowing-view-page .loading-container .error-content h2,.base-view-page .error-card .error-content h2,.borrowing-view-page .base-view-page .error-container .error-content h2,.borrowing-view-page .base-view-page .loading-container .error-content h2{color:#dc3545;margin-bottom:1rem}.base-view-page .borrowing-view-page .error-container .error-content p,.base-view-page .borrowing-view-page .loading-container .error-content p,.base-view-page .error-card .error-content p,.borrowing-view-page .base-view-page .error-container .error-content p,.borrowing-view-page .base-view-page .loading-container .error-content p{color:#6c757d;margin-bottom:1.5rem}.base-view-page .details-section .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.base-view-page .details-section .info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.base-view-page .details-section .details-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.base-view-page .details-section .details-header .icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.base-view-page .details-section .details-header .info{flex:1 1}.base-view-page .details-section .details-header .info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.base-view-page .details-section .metadata{grid-gap:1rem;display:grid;gap:1rem}.base-view-page .details-section .metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.base-view-page .details-section .metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.base-view-page .details-section .metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.base-view-page .details-section .metadata .metadata-item .value{color:#212529;word-break:break-word}.borrowing-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.borrowing-view-page .error-container,.borrowing-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.borrowing-view-page .error-container p,.borrowing-view-page .loading-container p{color:#6c757d;margin-top:1rem}.borrowing-view-page .error-card,.borrowing-view-page .error-container,.borrowing-view-page .loading-container{margin:0 auto;max-width:500px}.borrowing-view-page .error-card .error-content,.borrowing-view-page .error-container .error-content,.borrowing-view-page .loading-container .error-content{padding:2rem;text-align:center}.borrowing-view-page .error-card .error-content h2,.borrowing-view-page .error-container .error-content h2,.borrowing-view-page .loading-container .error-content h2{color:#dc3545;margin-bottom:1rem}.borrowing-view-page .error-card .error-content p,.borrowing-view-page .error-container .error-content p,.borrowing-view-page .loading-container .error-content p{color:#6c757d;margin-bottom:1.5rem}.borrowing-view-page .details-section .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.borrowing-view-page .details-section .info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.borrowing-view-page .details-section .details-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.borrowing-view-page .details-section .details-header .icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.borrowing-view-page .details-section .details-header .info{flex:1 1}.borrowing-view-page .details-section .details-header .info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.borrowing-view-page .details-section .metadata{grid-gap:1rem;display:grid;gap:1rem}.borrowing-view-page .details-section .metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.borrowing-view-page .details-section .metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.borrowing-view-page .details-section .metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.borrowing-view-page .details-section .metadata .metadata-item .value{color:#212529;word-break:break-word}.borrowing-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.borrowing-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.borrowing-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.borrowing-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.borrowing-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.borrowing-view-page{padding:.5rem}.borrowing-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.borrowing-view-page .error-container h2,.borrowing-view-page .loading-container h2{color:var(--error-color);margin-bottom:1rem}.borrowing-view-page .error-container p,.borrowing-view-page .loading-container p{color:var(--text-secondary);margin-bottom:1.5rem}.borrowing-view-page .borrowing-content{padding:0 1rem}@media(max-width:1080px){.borrowing-view-page .borrowing-content{padding:0 .5rem}}.borrowing-view-page .details-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,800px))}.borrowing-view-page .details-section .borrowing-info-card,.borrowing-view-page .details-section .borrowing-notes-card,.borrowing-view-page .details-section .borrowing-timeline-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;position:relative}.borrowing-view-page .details-section .borrowing-info-card .borrowing-header{align-items:flex-start;display:flex;justify-content:space-between}.borrowing-view-page .details-section .borrowing-info-card .borrowing-header .borrowing-title{color:#212529;font-size:2rem;font-weight:700;margin:0}@media(max-width:1080px){.borrowing-view-page .details-section{gap:1.5rem}.borrowing-view-page .details-section .borrowing-info-card,.borrowing-view-page .details-section .borrowing-notes-card,.borrowing-view-page .details-section .borrowing-timeline-card{padding:0}}.borrowing-view-page .details-section .resource-preview{background:#f8f9fa;background:var(--background-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:.75rem;display:flex;transition:all .3s ease}.borrowing-view-page .details-section .resource-preview:hover{border-color:var(--primary-light);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.borrowing-view-page .details-section .resource-preview .resource-image{background:var(--background-white);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:.5rem;flex-shrink:0;height:100px;overflow:hidden;width:100px}.borrowing-view-page .details-section .resource-preview .resource-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.borrowing-view-page .details-section .resource-preview .resource-image:hover img{transform:scale(1.05)}.borrowing-view-page .details-section .resource-preview .resource-image .image-placeholder{align-items:center;background:var(--background-light);color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.borrowing-view-page .details-section .resource-preview .resource-image .image-placeholder span{font-size:.875rem;font-weight:500}.borrowing-view-page .details-section .resource-preview .resource-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center}.borrowing-view-page .details-section .resource-preview .resource-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.borrowing-view-page .details-section .resource-preview .resource-info .resource-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media(max-width:1080px){.borrowing-view-page .details-section .resource-preview{flex-direction:column;gap:1rem}.borrowing-view-page .details-section .resource-preview .resource-image{height:150px;width:100%}}.borrowing-view-page .details-section .borrowing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.borrowing-view-page .details-section .borrowing-actions .btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.borrowing-view-page .details-section .borrowing-actions .btn.btn-primary{background-color:#007bff;background-color:var(--color-primary,#007bff);border-color:#007bff;border-color:var(--color-primary,#007bff);color:#fff}.borrowing-view-page .details-section .borrowing-actions .btn.btn-primary:hover{background-color:#0056b3;background-color:var(--color-primary-dark,#0056b3);border-color:#0056b3;border-color:var(--color-primary-dark,#0056b3)}.borrowing-view-page .details-section .borrowing-actions .btn.btn-warning{background-color:#ffc107;background-color:var(--color-warning,#ffc107);border-color:#ffc107;border-color:var(--color-warning,#ffc107);color:#212529}.borrowing-view-page .details-section .borrowing-actions .btn.btn-warning:hover{background-color:#e0a800;background-color:var(--color-warning-dark,#e0a800);border-color:#e0a800;border-color:var(--color-warning-dark,#e0a800)}.borrowing-view-page .details-section .borrowing-actions .borrowing-status-info{margin-left:auto}.borrowing-view-page .details-section .borrowing-actions .borrowing-status-info .status-text{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.borrowing-view-page .details-section .borrowing-actions .borrowing-status-info .status-text.returned{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.borrowing-view-page .details-section .borrowing-actions .borrowing-status-info .status-text.reserved{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.borrowing-view-page .details-section .borrowing-actions .borrowing-status-info .status-text.borrowed{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.borrowing-view-page .details-section .borrowing-actions .borrowing-status-info .status-text i{font-size:.75rem}@media(max-width:1080px){.borrowing-view-page .details-section .borrowing-actions{align-items:stretch;flex-direction:column}.borrowing-view-page .details-section .borrowing-actions .borrowing-status-info{align-self:center;margin-left:0}}.borrowing-view-page .details-section .properties-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.borrowing-view-page .details-section .properties-section .properties-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.borrowing-view-page .details-section .properties-section .properties-grid .property-card{align-items:flex-start;background:#f8f9fa;background:var(--background-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:.5rem;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.borrowing-view-page .details-section .properties-section .properties-grid .property-card:hover{background:#fff;background:var(--background-white,#fff);transform:translateY(-1px)}.borrowing-view-page .details-section .properties-section .properties-grid .property-card--secondary{background:#f8f9fa;background:var(--background-light,#f8f9fa)}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content{flex:1 1;min-width:0}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content .reservation-period,.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content span{color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.4;word-break:break-word}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content .reservation-period{display:flex;flex-direction:column;gap:.25rem}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content .reservation-period .arrow{align-self:center;color:var(--text-secondary);font-size:.8rem;margin:.25rem 0}@media(min-width:400px){.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content .reservation-period{align-items:center;flex-direction:row;gap:.5rem}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content .reservation-period .arrow{margin:0}}@media(max-width:1080px){.borrowing-view-page .details-section .properties-section .properties-grid{gap:.75rem;grid-template-columns:1fr}.borrowing-view-page .details-section .properties-section .properties-grid .property-card{padding:1rem}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content label{font-size:.7rem}.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content .reservation-period,.borrowing-view-page .details-section .properties-section .properties-grid .property-card .property-content span{font-size:.85rem}}.borrowing-view-page .details-section .notes-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.borrowing-view-page .details-section .notes-section .notes-grid{display:flex;flex-direction:column;gap:1rem}.borrowing-view-page .details-section .notes-section .notes-grid .note-card{align-items:flex-start;background:#f8f9fa;background:var(--background-light,#f8f9fa);border:1px solid #e9ecef;border-left:4px solid #ffc107;border:1px solid var(--border-light,#e9ecef);border-left:4px solid var(--warning-color,#ffc107);border-radius:.5rem;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.borrowing-view-page .details-section .notes-section .notes-grid .note-card:hover{background:#fff;background:var(--background-white,#fff);border-left-color:#e0a800;border-left-color:var(--warning-dark,#e0a800);transform:translateY(-1px)}.borrowing-view-page .details-section .notes-section .notes-grid .note-card .note-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.borrowing-view-page .details-section .notes-section .notes-grid .note-card .note-content{flex:1 1;min-width:0}.borrowing-view-page .details-section .notes-section .notes-grid .note-card .note-content h4{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.borrowing-view-page .details-section .notes-section .notes-grid .note-card .note-content p{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}@media(max-width:1080px){.borrowing-view-page .details-section .notes-section .notes-grid .note-card{padding:1rem}.borrowing-view-page .details-section .notes-section .notes-grid .note-card .note-content h4{font-size:.8rem}.borrowing-view-page .details-section .notes-section .notes-grid .note-card .note-content p{font-size:.85rem}}.borrowing-view-page .details-section .timeline-section h3{color:#212529;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.borrowing-view-page .details-section .timeline-section .timeline{padding-left:2rem;position:relative}.borrowing-view-page .details-section .timeline-section .timeline:before{background:#e9ecef;bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item{margin-bottom:2rem;position:relative}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item:last-child{margin-bottom:0}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-icon{align-items:center;border-radius:50%;display:flex;font-size:.875rem;height:2rem;justify-content:center;left:-2rem;position:absolute;top:0;width:2rem;z-index:1}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item.completed .timeline-icon{background:#28a745;border:3px solid #fff;box-shadow:0 0 0 2px #28a745;color:#fff}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item.pending .timeline-icon{background:#ffc107;border:3px solid #fff;box-shadow:0 0 0 2px #ffc107;color:#fff}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-content{background:#f8f9fa;background:var(--background-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:8px;padding:1rem;transition:all .2s ease}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-content:hover{background:#fff;background:var(--background-white,#fff)}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-content h4{color:#212529;font-size:1rem;font-weight:600;margin-bottom:.25rem}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-content p{color:#6c757d;font-size:.875rem;margin-bottom:.25rem}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-content p:last-child{margin-bottom:0}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-content p.timeline-user{font-style:italic}.borrowing-view-page .details-section .timeline-section .timeline .timeline-item .timeline-content p.timeline-overdue{color:#dc3545;font-weight:600}.consumptions-page__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.consumptions-page__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:2.25rem;font-weight:700;margin:0}.consumptions-page__description{color:#6b7280;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0}.consumptions-page__status{align-items:center;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.375rem 1rem;text-transform:uppercase;transition:all .2s ease}.consumptions-page__status:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.consumptions-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.consumptions-page .page-container{margin:0 auto;max-width:1200px;width:100%}.consumptions-page .page-header{margin-bottom:2rem;text-align:left}.consumptions-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.consumptions-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.consumptions-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.consumptions-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.consumptions-page .page-content--no-background{background:#0000;box-shadow:none}.consumptions-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.consumptions-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.consumptions-page .page-actions--end{justify-content:flex-end}.consumptions-page .page-actions--start{justify-content:flex-start}.consumptions-page .page-actions--center{justify-content:center}.consumptions-page .error-container,.consumptions-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.consumptions-page .error-container h2,.consumptions-page .loading-container h2{margin-bottom:1rem}.consumptions-page .error-container p,.consumptions-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.consumptions-page .error-container h2{color:#dc3545}@media(max-width:1080px){.consumptions-page .page-header .page-title{font-size:1.5rem}.consumptions-page .page-header .page-description{font-size:.9rem}.consumptions-page .page-actions{align-items:stretch;flex-direction:column}.consumptions-page .page-actions--center,.consumptions-page .page-actions--end,.consumptions-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.consumptions-page{padding:.75rem}.consumptions-page .page-header{margin-bottom:1.5rem}.consumptions-page .page-header .page-title{font-size:1.25rem}}.base-view-page .consumption-view-page .consumption-details .card__content,.base-view-page .details-section .card__content,.consumption-view-page .base-view-page .consumption-details .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.base-view-page .consumption-view-page .consumption-details .consumption-info-card,.base-view-page .consumption-view-page .consumption-details .info-card,.base-view-page .details-section .info-card,.consumption-view-page .base-view-page .consumption-details .consumption-info-card,.consumption-view-page .base-view-page .consumption-details .info-card,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.base-view-page .consumption-view-page .consumption-details .consumption-header,.base-view-page .consumption-view-page .consumption-details .details-header,.base-view-page .details-section .details-header,.consumption-view-page .base-view-page .consumption-details .consumption-header,.consumption-view-page .base-view-page .consumption-details .details-header,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.base-view-page .consumption-view-page .consumption-details .consumption-header .consumption-icon,.base-view-page .consumption-view-page .consumption-details .consumption-header .icon,.base-view-page .consumption-view-page .consumption-details .details-header .icon,.base-view-page .details-section .details-header .icon,.consumption-view-page .base-view-page .consumption-details .consumption-header .consumption-icon,.consumption-view-page .base-view-page .consumption-details .consumption-header .icon,.consumption-view-page .base-view-page .consumption-details .details-header .icon,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-header .consumption-icon,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-header .icon,.consumption-view-page .consumption-details .consumption-header .base-view-page .details-section .details-header .consumption-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.base-view-page .consumption-view-page .consumption-details .consumption-header .consumption-info,.base-view-page .consumption-view-page .consumption-details .consumption-header .info,.base-view-page .consumption-view-page .consumption-details .details-header .info,.base-view-page .details-section .details-header .info,.consumption-view-page .base-view-page .consumption-details .consumption-header .consumption-info,.consumption-view-page .base-view-page .consumption-details .consumption-header .info,.consumption-view-page .base-view-page .consumption-details .details-header .info,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-header .consumption-info,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-header .info,.consumption-view-page .consumption-details .consumption-header .base-view-page .details-section .details-header .consumption-info{flex:1 1}.base-view-page .consumption-view-page .consumption-details .consumption-header .consumption-info h1,.base-view-page .consumption-view-page .consumption-details .consumption-header .info h1,.base-view-page .consumption-view-page .consumption-details .details-header .info h1,.base-view-page .details-section .details-header .info h1,.consumption-view-page .base-view-page .consumption-details .consumption-header .consumption-info h1,.consumption-view-page .base-view-page .consumption-details .consumption-header .info h1,.consumption-view-page .base-view-page .consumption-details .details-header .info h1,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-header .consumption-info h1,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-header .info h1,.consumption-view-page .consumption-details .consumption-header .base-view-page .details-section .details-header .consumption-info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.base-view-page .consumption-view-page .consumption-details .consumption-metadata,.base-view-page .consumption-view-page .consumption-details .metadata,.base-view-page .details-section .metadata,.consumption-view-page .base-view-page .consumption-details .consumption-metadata,.consumption-view-page .base-view-page .consumption-details .metadata,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-metadata{grid-gap:1rem;display:grid;gap:1rem}.base-view-page .consumption-view-page .consumption-details .consumption-metadata .metadata-item,.base-view-page .consumption-view-page .consumption-details .metadata .metadata-item,.base-view-page .details-section .metadata .metadata-item,.consumption-view-page .base-view-page .consumption-details .consumption-metadata .metadata-item,.consumption-view-page .base-view-page .consumption-details .metadata .metadata-item,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.base-view-page .consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes,.base-view-page .consumption-view-page .consumption-details .metadata .metadata-item.notes,.base-view-page .details-section .metadata .metadata-item.notes,.consumption-view-page .base-view-page .consumption-details .consumption-metadata .metadata-item.notes,.consumption-view-page .base-view-page .consumption-details .metadata .metadata-item.notes,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.base-view-page .consumption-view-page .consumption-details .consumption-metadata .metadata-item .label,.base-view-page .consumption-view-page .consumption-details .metadata .metadata-item .label,.base-view-page .details-section .metadata .metadata-item .label,.consumption-view-page .base-view-page .consumption-details .consumption-metadata .metadata-item .label,.consumption-view-page .base-view-page .consumption-details .metadata .metadata-item .label,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.base-view-page .consumption-view-page .consumption-details .consumption-metadata .metadata-item .value,.base-view-page .consumption-view-page .consumption-details .metadata .metadata-item .value,.base-view-page .details-section .metadata .metadata-item .value,.consumption-view-page .base-view-page .consumption-details .consumption-metadata .metadata-item .value,.consumption-view-page .base-view-page .consumption-details .metadata .metadata-item .value,.consumption-view-page .consumption-details .base-view-page .details-section .consumption-metadata .metadata-item .value{color:#212529;word-break:break-word}.consumption-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.consumption-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.consumption-view-page .loading-container p{color:#6c757d;margin-top:1rem}.consumption-view-page .error-card{margin:0 auto;max-width:500px}.consumption-view-page .error-card .error-content{padding:2rem;text-align:center}.consumption-view-page .error-card .error-content h2{color:#dc3545;margin-bottom:1rem}.consumption-view-page .error-card .error-content p{color:#6c757d;margin-bottom:1.5rem}.consumption-view-page .consumption-details .card__content,.consumption-view-page .details-section .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.consumption-view-page .consumption-details .consumption-info-card,.consumption-view-page .consumption-details .info-card,.consumption-view-page .details-section .info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.consumption-view-page .consumption-details .consumption-header,.consumption-view-page .consumption-details .details-header,.consumption-view-page .details-section .details-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.consumption-view-page .consumption-details .consumption-header .consumption-icon,.consumption-view-page .consumption-details .consumption-header .icon,.consumption-view-page .consumption-details .details-header .icon,.consumption-view-page .details-section .details-header .icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.consumption-view-page .consumption-details .consumption-header .consumption-info,.consumption-view-page .consumption-details .consumption-header .info,.consumption-view-page .consumption-details .details-header .info,.consumption-view-page .details-section .details-header .info{flex:1 1}.consumption-view-page .consumption-details .consumption-header .consumption-info h1,.consumption-view-page .consumption-details .consumption-header .info h1,.consumption-view-page .consumption-details .details-header .info h1,.consumption-view-page .details-section .details-header .info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.consumption-view-page .consumption-details .consumption-metadata,.consumption-view-page .consumption-details .metadata,.consumption-view-page .details-section .metadata{grid-gap:1rem;display:grid;gap:1rem}.consumption-view-page .consumption-details .consumption-metadata .metadata-item,.consumption-view-page .consumption-details .metadata .metadata-item,.consumption-view-page .details-section .metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes,.consumption-view-page .consumption-details .metadata .metadata-item.notes,.consumption-view-page .details-section .metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.consumption-view-page .consumption-details .consumption-metadata .metadata-item .label,.consumption-view-page .consumption-details .metadata .metadata-item .label,.consumption-view-page .details-section .metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.consumption-view-page .consumption-details .consumption-metadata .metadata-item .value,.consumption-view-page .consumption-details .metadata .metadata-item .value,.consumption-view-page .details-section .metadata .metadata-item .value{color:#212529;word-break:break-word}.consumption-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.consumption-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.consumption-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.consumption-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.consumption-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.consumption-view-page{padding:.5rem}.consumption-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.consumption-view-page .consumption-details .consumption-header .consumption-icon{color:#fff;transform:scale(2);transition:all .3s ease}.consumption-view-page .consumption-details .consumption-header .consumption-info h1{font-weight:700}.consumption-view-page .consumption-details .consumption-header .consumption-info .quantity-consumed{background-color:var(--status-consumption-bg);border-radius:.25rem;color:var(--status-consumption-text);font-size:.875rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.consumption-view-page .consumption-details .resource-preview{background:var(--background-light);border:2px solid var(--border-light);border-radius:1rem;display:flex;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;transition:all .3s ease}.consumption-view-page .consumption-details .resource-preview:hover{border-color:var(--primary-light);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.consumption-view-page .consumption-details .resource-preview .resource-image{background:var(--background-white);border:2px solid var(--border-light);border-radius:.75rem;flex-shrink:0;height:120px;overflow:hidden;width:120px}.consumption-view-page .consumption-details .resource-preview .resource-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.consumption-view-page .consumption-details .resource-preview .resource-image:hover img{transform:scale(1.05)}.consumption-view-page .consumption-details .resource-preview .resource-image .image-placeholder{align-items:center;background:var(--background-light);color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.consumption-view-page .consumption-details .resource-preview .resource-image .image-placeholder span{font-size:.875rem;font-weight:500}.consumption-view-page .consumption-details .resource-preview .resource-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.consumption-view-page .consumption-details .resource-preview .resource-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.consumption-view-page .consumption-details .resource-preview .resource-info .resource-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.consumption-view-page .consumption-details .consumption-metadata .metadata-item{grid-gap:.75rem;align-items:center;background:var(--background-light);border-left:4px solid var(--danger);border-radius:.5rem;display:grid;gap:.75rem;grid-template-columns:auto minmax(140px,auto) 1fr;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.consumption-view-page .consumption-details .consumption-metadata .metadata-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes{border-left-color:var(--info);gap:.75rem}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes .notes-header{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:auto minmax(140px,auto)}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes .notes-header .label{justify-self:start;text-align:left}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes .metadata-icon{background:var(--info-light);color:var(--info)}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes .value{background:var(--background-white);border:1px solid var(--border-light);border-radius:.5rem;font-style:italic;grid-column:1/-1;padding:1rem;width:100%}.consumption-view-page .consumption-details .consumption-metadata .metadata-item .metadata-icon{align-items:center;background:var(--danger-light);border-radius:50%;color:var(--status-consumption);display:flex;flex-shrink:0;font-size:1rem;grid-column:1;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.consumption-view-page .consumption-details .consumption-metadata .metadata-item .label{color:var(--text-secondary);font-size:.875rem;font-weight:600;grid-column:2;letter-spacing:.025em;text-align:left;text-transform:uppercase}.consumption-view-page .consumption-details .consumption-metadata .metadata-item .value{color:var(--text-primary);font-weight:500;grid-column:3;text-align:left}@media(max-width:1080px){.consumption-view-page .consumption-details .consumption-header{flex-direction:column;gap:1rem;text-align:center}.consumption-view-page .consumption-details .consumption-header .consumption-icon{align-self:center}.consumption-view-page .consumption-details .resource-preview{flex-direction:column;gap:1rem;text-align:center}.consumption-view-page .consumption-details .resource-preview .resource-image{align-self:center;height:100px;width:100px}.consumption-view-page .consumption-details .resource-preview .resource-info{text-align:center}.consumption-view-page .consumption-details .consumption-metadata .metadata-item{gap:.75rem;grid-template-columns:1fr;justify-items:center;text-align:center}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes .notes-header{grid-template-columns:auto 1fr;justify-items:start;text-align:left}.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes .label,.consumption-view-page .consumption-details .consumption-metadata .metadata-item.notes .notes-header .label{justify-self:start;text-align:left}.consumption-view-page .consumption-details .consumption-metadata .metadata-item .metadata-icon{grid-column:1;justify-self:center}.consumption-view-page .consumption-details .consumption-metadata .metadata-item .label,.consumption-view-page .consumption-details .consumption-metadata .metadata-item .value{grid-column:1;justify-self:center;text-align:center}}.refills-page__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.refills-page__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:2.25rem;font-weight:700;margin:0}.refills-page__description{color:#6b7280;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0}.refills-page__status{align-items:center;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.375rem 1rem;text-transform:uppercase;transition:all .2s ease}.refills-page__status:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.refills-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.refills-page .page-container{margin:0 auto;max-width:1200px;width:100%}.refills-page .page-header{margin-bottom:2rem;text-align:left}.refills-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.refills-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.refills-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.refills-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.refills-page .page-content--no-background{background:#0000;box-shadow:none}.refills-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.refills-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.refills-page .page-actions--end{justify-content:flex-end}.refills-page .page-actions--start{justify-content:flex-start}.refills-page .page-actions--center{justify-content:center}.refills-page .error-container,.refills-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.refills-page .error-container h2,.refills-page .loading-container h2{margin-bottom:1rem}.refills-page .error-container p,.refills-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.refills-page .error-container h2{color:#dc3545}@media(max-width:1080px){.refills-page .page-header .page-title{font-size:1.5rem}.refills-page .page-header .page-description{font-size:.9rem}.refills-page .page-actions{align-items:stretch;flex-direction:column}.refills-page .page-actions--center,.refills-page .page-actions--end,.refills-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.refills-page{padding:.75rem}.refills-page .page-header{margin-bottom:1.5rem}.refills-page .page-header .page-title{font-size:1.25rem}}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-spinner--small{padding:1rem}.loading-spinner--small .loading-spinner__circle{height:20px;width:20px}.loading-spinner--medium .loading-spinner__circle{height:40px;width:40px}.loading-spinner--large .loading-spinner__circle{height:60px;width:60px}.loading-spinner__circle{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff}.loading-spinner__message{color:#666;font-size:.9rem;margin-top:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.base-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.base-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.base-view-page .loading-container p{color:#6c757d;margin-top:1rem}.base-view-page .error-card{margin:0 auto;max-width:500px}.base-view-page .error-card .error-content{padding:2rem;text-align:center}.base-view-page .error-card .error-content h2{color:#dc3545;margin-bottom:1rem}.base-view-page .error-card .error-content p{color:#6c757d;margin-bottom:1.5rem}.base-view-page .details-section .card__content,.base-view-page .refill-view-page .refill-details .card__content,.refill-view-page .base-view-page .refill-details .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.base-view-page .details-section .info-card,.base-view-page .refill-view-page .refill-details .info-card,.base-view-page .refill-view-page .refill-details .refill-info-card,.refill-view-page .base-view-page .refill-details .info-card,.refill-view-page .base-view-page .refill-details .refill-info-card,.refill-view-page .refill-details .base-view-page .details-section .refill-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.base-view-page .details-section .details-header,.base-view-page .refill-view-page .refill-details .details-header,.base-view-page .refill-view-page .refill-details .refill-header,.refill-view-page .base-view-page .refill-details .details-header,.refill-view-page .base-view-page .refill-details .refill-header,.refill-view-page .refill-details .base-view-page .details-section .refill-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.base-view-page .details-section .details-header .icon,.base-view-page .refill-view-page .refill-details .details-header .icon,.base-view-page .refill-view-page .refill-details .refill-header .icon,.base-view-page .refill-view-page .refill-details .refill-header .refill-icon,.refill-view-page .base-view-page .refill-details .details-header .icon,.refill-view-page .base-view-page .refill-details .refill-header .icon,.refill-view-page .base-view-page .refill-details .refill-header .refill-icon,.refill-view-page .refill-details .base-view-page .details-section .refill-header .icon,.refill-view-page .refill-details .base-view-page .details-section .refill-header .refill-icon,.refill-view-page .refill-details .refill-header .base-view-page .details-section .details-header .refill-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.base-view-page .details-section .details-header .info,.base-view-page .refill-view-page .refill-details .details-header .info,.base-view-page .refill-view-page .refill-details .refill-header .info,.base-view-page .refill-view-page .refill-details .refill-header .refill-info,.refill-view-page .base-view-page .refill-details .details-header .info,.refill-view-page .base-view-page .refill-details .refill-header .info,.refill-view-page .base-view-page .refill-details .refill-header .refill-info,.refill-view-page .refill-details .base-view-page .details-section .refill-header .info,.refill-view-page .refill-details .base-view-page .details-section .refill-header .refill-info,.refill-view-page .refill-details .refill-header .base-view-page .details-section .details-header .refill-info{flex:1 1}.base-view-page .details-section .details-header .info h1,.base-view-page .refill-view-page .refill-details .details-header .info h1,.base-view-page .refill-view-page .refill-details .refill-header .info h1,.base-view-page .refill-view-page .refill-details .refill-header .refill-info h1,.refill-view-page .base-view-page .refill-details .details-header .info h1,.refill-view-page .base-view-page .refill-details .refill-header .info h1,.refill-view-page .base-view-page .refill-details .refill-header .refill-info h1,.refill-view-page .refill-details .base-view-page .details-section .refill-header .info h1,.refill-view-page .refill-details .base-view-page .details-section .refill-header .refill-info h1,.refill-view-page .refill-details .refill-header .base-view-page .details-section .details-header .refill-info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.base-view-page .details-section .metadata,.base-view-page .refill-view-page .refill-details .metadata,.base-view-page .refill-view-page .refill-details .refill-metadata,.refill-view-page .base-view-page .refill-details .metadata,.refill-view-page .base-view-page .refill-details .refill-metadata,.refill-view-page .refill-details .base-view-page .details-section .refill-metadata{grid-gap:1rem;display:grid;gap:1rem}.base-view-page .details-section .metadata .metadata-item,.base-view-page .refill-view-page .refill-details .metadata .metadata-item,.base-view-page .refill-view-page .refill-details .refill-metadata .metadata-item,.refill-view-page .base-view-page .refill-details .metadata .metadata-item,.refill-view-page .base-view-page .refill-details .refill-metadata .metadata-item,.refill-view-page .refill-details .base-view-page .details-section .refill-metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.base-view-page .details-section .metadata .metadata-item.notes,.base-view-page .refill-view-page .refill-details .metadata .metadata-item.notes,.base-view-page .refill-view-page .refill-details .refill-metadata .metadata-item.notes,.refill-view-page .base-view-page .refill-details .metadata .metadata-item.notes,.refill-view-page .base-view-page .refill-details .refill-metadata .metadata-item.notes,.refill-view-page .refill-details .base-view-page .details-section .refill-metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.base-view-page .details-section .metadata .metadata-item .label,.base-view-page .refill-view-page .refill-details .metadata .metadata-item .label,.base-view-page .refill-view-page .refill-details .refill-metadata .metadata-item .label,.refill-view-page .base-view-page .refill-details .metadata .metadata-item .label,.refill-view-page .base-view-page .refill-details .refill-metadata .metadata-item .label,.refill-view-page .refill-details .base-view-page .details-section .refill-metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.base-view-page .details-section .metadata .metadata-item .value,.base-view-page .refill-view-page .refill-details .metadata .metadata-item .value,.base-view-page .refill-view-page .refill-details .refill-metadata .metadata-item .value,.refill-view-page .base-view-page .refill-details .metadata .metadata-item .value,.refill-view-page .base-view-page .refill-details .refill-metadata .metadata-item .value,.refill-view-page .refill-details .base-view-page .details-section .refill-metadata .metadata-item .value{color:#212529;word-break:break-word}.base-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.base-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.base-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.base-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.base-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.base-view-page{padding:.5rem}.base-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.refill-view-page{background-color:#f8f9fa;display:flex;flex-direction:column;gap:2rem;padding:2rem}.refill-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.refill-view-page .loading-container p{color:#6c757d;margin-top:1rem}.refill-view-page .error-card{margin:0 auto;max-width:500px}.refill-view-page .error-card .error-content{padding:2rem;text-align:center}.refill-view-page .error-card .error-content h2{color:#dc3545;margin-bottom:1rem}.refill-view-page .error-card .error-content p{color:#6c757d;margin-bottom:1.5rem}.refill-view-page .details-section .card__content,.refill-view-page .refill-details .card__content{display:flex;flex-direction:column;gap:2rem;max-width:800px}.refill-view-page .details-section .info-card,.refill-view-page .refill-details .info-card,.refill-view-page .refill-details .refill-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.refill-view-page .details-section .details-header,.refill-view-page .refill-details .details-header,.refill-view-page .refill-details .refill-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.refill-view-page .details-section .details-header .icon,.refill-view-page .refill-details .details-header .icon,.refill-view-page .refill-details .refill-header .icon,.refill-view-page .refill-details .refill-header .refill-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.refill-view-page .details-section .details-header .info,.refill-view-page .refill-details .details-header .info,.refill-view-page .refill-details .refill-header .info,.refill-view-page .refill-details .refill-header .refill-info{flex:1 1}.refill-view-page .details-section .details-header .info h1,.refill-view-page .refill-details .details-header .info h1,.refill-view-page .refill-details .refill-header .info h1,.refill-view-page .refill-details .refill-header .refill-info h1{color:#212529;font-size:1.75rem;margin:0 0 .5rem}.refill-view-page .details-section .metadata,.refill-view-page .refill-details .metadata,.refill-view-page .refill-details .refill-metadata{grid-gap:1rem;display:grid;gap:1rem}.refill-view-page .details-section .metadata .metadata-item,.refill-view-page .refill-details .metadata .metadata-item,.refill-view-page .refill-details .refill-metadata .metadata-item{align-items:flex-start;display:flex;gap:1rem}.refill-view-page .details-section .metadata .metadata-item.notes,.refill-view-page .refill-details .metadata .metadata-item.notes,.refill-view-page .refill-details .refill-metadata .metadata-item.notes{flex-direction:column;gap:.5rem}.refill-view-page .details-section .metadata .metadata-item .label,.refill-view-page .refill-details .metadata .metadata-item .label,.refill-view-page .refill-details .refill-metadata .metadata-item .label{color:#495057;flex-shrink:0;font-weight:500;min-width:150px}.refill-view-page .details-section .metadata .metadata-item .value,.refill-view-page .refill-details .metadata .metadata-item .value,.refill-view-page .refill-details .refill-metadata .metadata-item .value{color:#212529;word-break:break-word}.refill-view-page .status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.refill-view-page .status-badge.consumed{background-color:var(--status-consumption-bg);color:var(--status-consumption-text)}.refill-view-page .status-badge.borrowed{background-color:var(--status-borrowing-active-bg);color:var(--status-borrowing-active-text)}.refill-view-page .status-badge.reserved{background-color:var(--status-reservation-bg);color:var(--status-reservation-text)}.refill-view-page .status-badge.refilled{background-color:var(--status-refill-bg);color:var(--status-refill-text)}@media(max-width:1080px){.refill-view-page{padding:.5rem}.refill-view-page .page-header .header-actions{align-items:stretch;flex-direction:column;gap:1rem}}.refill-view-page .refill-details .refill-header .refill-icon{color:#fff;transform:scale(2);transition:all .3s ease}.refill-view-page .refill-details .refill-header .refill-info h1{font-weight:700}.refill-view-page .refill-details .refill-header .refill-info .quantity-added{background-color:var(--status-refill-bg);border-radius:.25rem;color:var(--status-refill-text);font-size:.875rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.refill-view-page .refill-details .resource-preview{background:var(--background-light);border:2px solid var(--border-light);border-radius:1rem;display:flex;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;transition:all .3s ease}.refill-view-page .refill-details .resource-preview:hover{border-color:var(--primary-light);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.refill-view-page .refill-details .resource-preview .resource-image{background:var(--background-white);border:2px solid var(--border-light);border-radius:.75rem;flex-shrink:0;height:120px;overflow:hidden;width:120px}.refill-view-page .refill-details .resource-preview .resource-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.refill-view-page .refill-details .resource-preview .resource-image:hover img{transform:scale(1.05)}.refill-view-page .refill-details .resource-preview .resource-image .image-placeholder{align-items:center;background:var(--background-light);color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.refill-view-page .refill-details .resource-preview .resource-image .image-placeholder span{font-size:.875rem;font-weight:500}.refill-view-page .refill-details .resource-preview .resource-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.refill-view-page .refill-details .resource-preview .resource-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.refill-view-page .refill-details .resource-preview .resource-info .resource-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.refill-view-page .refill-details .refill-metadata .metadata-item{grid-gap:.75rem;align-items:center;background:var(--background-light);border-left:4px solid var(--status-refill);border-radius:.5rem;display:grid;gap:.75rem;grid-template-columns:auto minmax(140px,auto) 1fr;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.refill-view-page .refill-details .refill-metadata .metadata-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.refill-view-page .refill-details .refill-metadata .metadata-item.notes{border-left-color:var(--info);gap:.75rem}.refill-view-page .refill-details .refill-metadata .metadata-item.notes .notes-header{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:auto minmax(140px,auto)}.refill-view-page .refill-details .refill-metadata .metadata-item.notes .notes-header .label{justify-self:start;text-align:left}.refill-view-page .refill-details .refill-metadata .metadata-item.notes .metadata-icon{background:var(--info-light);color:var(--info)}.refill-view-page .refill-details .refill-metadata .metadata-item.notes .value{background:var(--background-white);border:1px solid var(--border-light);border-radius:.5rem;font-style:italic;grid-column:1/-1;padding:1rem;width:100%}.refill-view-page .refill-details .refill-metadata .metadata-item .metadata-icon{align-items:center;background:var(--status-refill-bg);border-radius:50%;color:var(--status-refill);display:flex;flex-shrink:0;font-size:1rem;grid-column:1;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.refill-view-page .refill-details .refill-metadata .metadata-item .label{color:var(--text-secondary);font-size:.875rem;font-weight:600;grid-column:2;letter-spacing:.025em;text-align:left;text-transform:uppercase}.refill-view-page .refill-details .refill-metadata .metadata-item .value{color:var(--text-primary);font-weight:500;grid-column:3;text-align:right}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.refill-view-page .refill-details .refill-header{flex-direction:column;gap:1rem;text-align:center}.refill-view-page .refill-details .refill-header .refill-icon{align-self:center}.refill-view-page .refill-details .resource-preview{flex-direction:column;gap:1rem;text-align:center}.refill-view-page .refill-details .resource-preview .resource-image{align-self:center;height:100px;width:100px}.refill-view-page .refill-details .resource-preview .resource-info{text-align:center}.refill-view-page .refill-details .refill-metadata .metadata-item{gap:.75rem;grid-template-columns:1fr;justify-items:center;text-align:center}.refill-view-page .refill-details .refill-metadata .metadata-item.notes .notes-header{grid-template-columns:auto 1fr;justify-items:start;text-align:left}.refill-view-page .refill-details .refill-metadata .metadata-item.notes .label,.refill-view-page .refill-details .refill-metadata .metadata-item.notes .notes-header .label{justify-self:start;text-align:left}.refill-view-page .refill-details .refill-metadata .metadata-item .metadata-icon{grid-column:1;justify-self:center}.refill-view-page .refill-details .refill-metadata .metadata-item .label,.refill-view-page .refill-details .refill-metadata .metadata-item .value{grid-column:1;justify-self:center;text-align:center}}.user-settings .settings-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.user-settings .setting-resource{margin-bottom:1rem}.user-settings .setting-resource:last-child{margin-bottom:0}.user-settings .notification-options-accordion{margin-top:1rem}.user-settings .notification-options-group{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.user-settings .language-setting__description{color:#666;color:var(--text-secondary,#666);font-size:.875rem;margin-top:.75rem}.user-settings .language-setting__description strong{color:#333;color:var(--text-primary,#333);font-weight:600}.user-settings .settings-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}@media(max-width:1080px){.user-settings .settings-grid{gap:1rem}.user-settings .settings-actions{flex-direction:column}.user-settings .settings-actions button{width:100%}}.pwa-install-button,.pwa-install-container{align-items:center;display:inline-flex;gap:.5rem}.pwa-install-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:.5rem;box-shadow:0 2px 4px #4f46e533;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.pwa-install-button:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 4px 8px #4f46e54d;transform:translateY(-1px)}.pwa-install-button:active:not(:disabled){box-shadow:0 2px 4px #4f46e533;transform:translateY(0)}.pwa-install-button:focus{box-shadow:0 0 0 3px #4f46e54d;outline:none}.pwa-install-button:disabled{cursor:not-allowed;opacity:.6}.pwa-install-button.installed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133}.pwa-install-button.installed:hover{box-shadow:0 4px 8px #10b9814d}.pwa-install-button .install-icon{animation:bounce 2s infinite;font-size:1rem}.pwa-install-button.installed .install-icon{animation:none}.pwa-install-button .install-text{font-family:inherit}@media(max-width:768px){.pwa-install-button{font-size:.8rem;padding:.5rem .75rem}.pwa-install-button .install-text{display:none}}.pwa-debug-button{align-items:center;background:#6b7280;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.pwa-debug-button:hover{background:#4b5563}.pwa-debug-button:focus{box-shadow:0 0 0 2px #6b72804d;outline:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.pwa-install-button.compact{min-width:2.5rem;padding:.5rem}.pwa-install-button.compact .install-text{display:none}.pwa-install-button.floating{border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #4f46e566;height:3.5rem;position:fixed;right:2rem;width:3.5rem;z-index:1000}.pwa-install-button.floating .install-text{display:none}.pwa-install-button.floating .install-icon{font-size:1.25rem}@media(max-width:768px){.pwa-install-button.floating{bottom:1rem;height:3rem;right:1rem;width:3rem}.pwa-install-button.floating .install-icon{font-size:1rem}}.network-status{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;opacity:0;padding:.75rem 1rem;position:fixed;top:1rem;transform:translateX(-50%) translateY(-100px);transition:all .3s ease;z-index:1000}.network-status.visible{opacity:1;transform:translateX(-50%) translateY(0)}.network-status.online{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.network-status.offline{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff;opacity:1;transform:translateX(-50%) translateY(0)}.network-status .network-icon{font-size:1rem}.network-status .network-text{font-family:inherit}@media(max-width:768px){.network-status{font-size:.8rem;padding:.5rem .75rem;top:.5rem}.network-status .network-text{display:none}}.network-status.compact{min-width:2.5rem;padding:.5rem}.network-status.compact .network-text{display:none}.network-status.bottom{bottom:1rem;top:auto}.network-status.bottom:not(.visible){transform:translateX(-50%) translateY(100px)}.network-status.bottom.offline,.network-status.bottom.visible{transform:translateX(-50%) translateY(0)}.profile-page{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;padding:2rem}.profile-page .profile-header{margin-bottom:2rem;text-align:center}.profile-page .profile-header h1{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.profile-page .profile-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.profile-page .settings-section .app-settings .app-setting-item{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.profile-page .settings-section .app-settings .app-setting-item:hover{box-shadow:0 8px 25px #4f46e54d;transform:translateY(-2px)}.profile-page .settings-section .app-settings .app-setting-item .setting-description{flex:1 1}.profile-page .settings-section .app-settings .app-setting-item .setting-description h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.profile-page .settings-section .app-settings .app-setting-item .setting-description p{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.profile-page .settings-section .app-settings .app-setting-item .pwa-install-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff;font-weight:600}.profile-page .settings-section .app-settings .app-setting-item .pwa-install-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;transform:translateX(4px)}.profile-page .settings-section .app-settings .app-setting-item .pwa-install-button:active{transform:translateX(2px)}@media(max-width:768px){.profile-page .settings-section .app-settings .app-setting-item{flex-direction:column;gap:1rem;text-align:center}.profile-page .settings-section .app-settings .app-setting-item .setting-description{text-align:center}}.profile-page .profile-info{grid-gap:1.5rem;display:grid;gap:1.5rem}.profile-page .profile-info .info-resource{align-items:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;padding:1rem;transition:all .3s ease}.profile-page .profile-info .info-resource:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.profile-page .profile-info .info-resource label{color:#2c3e50;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-right:1rem;min-width:140px;text-transform:uppercase}.profile-page .profile-info .info-resource label:after{content:"";margin-left:.5rem}.profile-page .profile-info .info-resource span{color:#34495e;flex:1 1;font-size:1rem;font-weight:500}.profile-page .profile-info .info-resource span.status{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.profile-page .profile-info .info-resource span.status:before{border-radius:50%;content:"";height:8px;margin-right:.5rem;width:8px}.profile-page .profile-info .info-resource span.status.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.profile-page .profile-info .info-resource span.status.active:before{background:#28a745}.profile-page .profile-info .info-resource span.status.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-page .profile-info .info-resource span.status.inactive:before{background:#dc3545}.profile-page .profile-info .info-resource:first-child{border-left-color:#9b59b6}.profile-page .profile-info .info-resource:nth-child(2){border-left-color:#e74c3c}.profile-page .profile-info .info-resource:nth-child(3){border-left-color:#f39c12}.profile-page .profile-info .info-resource:nth-child(4){border-left-color:#27ae60}.profile-page .profile-info .info-resource:nth-child(5){border-left-color:#34495e}.profile-page .permissions-info .permissions-list{grid-gap:1rem;display:grid;gap:1rem}.profile-page .permissions-info .permissions-list .permission-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;display:flex;padding:1rem;transition:all .3s ease}.profile-page .permissions-info .permissions-list .permission-item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.profile-page .permissions-info .permissions-list .permission-item .fa{color:#17a2b8;flex-shrink:0;margin-right:.75rem;margin-top:.2rem}.profile-page .permissions-info .permissions-list .permission-item .permission-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-name{color:#2c3e50;font-size:1rem;font-weight:600}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-description{color:#6c757d;font-size:.9rem;line-height:1.4}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-resource{color:#495057;font-size:.85rem;font-style:italic;margin-top:.25rem}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta .status{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta .status:before{border-radius:50%;content:"";height:6px;margin-right:.4rem;width:6px}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta .status.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta .status.active:before{background:#28a745}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta .status.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta .status.inactive:before{background:#dc3545}.profile-page .permissions-info .permissions-list .permission-item .permission-details .permission-meta .permission-date{color:#6c757d;font-size:.8rem}.profile-page .permissions-info .no-permissions{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;display:flex;gap:.5rem;justify-content:center;padding:2rem;text-align:center}.profile-page .permissions-info .no-permissions .fa{color:#adb5bd;margin-right:.5rem}.profile-page .permissions-info .no-permissions span{font-size:1rem;font-weight:500}.profile-page .admin-section .admin-item{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.profile-page .admin-section .admin-item:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.profile-page .admin-section .admin-item .admin-description{flex:1 1}.profile-page .admin-section .admin-item .admin-description h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.profile-page .admin-section .admin-item .admin-description p{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.profile-page .admin-section .admin-item .admin-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff;font-weight:600;transition:all .3s ease}.profile-page .admin-section .admin-item .admin-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateX(4px)}.profile-page .admin-section .admin-item .admin-button:active{transform:translateX(2px)}.profile-page .push-notifications{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px}.profile-page .push-notifications h3{border-bottom:2px solid #007cba;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem}.profile-page .push-notifications .status{background:#f8f9fa;border-left:4px solid #007cba;border-radius:6px;margin:1rem 0;padding:1rem}.profile-page .push-notifications .status strong{color:#007cba}.profile-page .push-notifications .info{margin:1.5rem 0}.profile-page .push-notifications .info p{color:#555;margin:.5rem 0}.profile-page .push-notifications .info p strong{color:#333}.profile-page .push-notifications .info details{margin:1rem 0}.profile-page .push-notifications .info details summary{background:#f1f3f4;border-radius:4px;cursor:pointer;padding:.5rem}.profile-page .push-notifications .info details summary:hover{background:#e8eaed}.profile-page .push-notifications .info details pre{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;font-size:.8rem;margin-top:.5rem;overflow-x:auto;padding:1rem}.profile-page .push-notifications .actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.profile-page .push-notifications .actions button{background:#007cba;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.875rem 1.5rem;transition:all .2s ease}.profile-page .push-notifications .actions button:hover{background:#005a8a;box-shadow:0 2px 8px #007cba4d;transform:translateY(-1px)}.profile-page .push-notifications .actions button:active{transform:translateY(0)}.profile-page .push-notifications .actions button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.profile-page .push-notifications .instructions{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;margin-top:2rem;padding:1.5rem}.profile-page .push-notifications .instructions h4{color:#1976d2;margin-bottom:1rem}.profile-page .push-notifications .instructions ul{color:#555;margin:1rem 0 0 1.5rem}.profile-page .push-notifications .instructions ul li{line-height:1.5;margin:.5rem 0}.profile-page .profile-actions{margin-top:2rem;text-align:center}.profile-page .profile-actions .logout-btn{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.profile-page .profile-actions .logout-btn:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.profile-page .profile-actions .logout-btn:active{box-shadow:0 2px 8px #e74c3c33;transform:translateY(0)}.profile-page .profile-actions .logout-btn span{margin-left:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.profile-page{padding:1rem}.profile-page .profile-header h1{font-size:2rem}.profile-page .settings-section .app-settings .app-setting-item{flex-direction:column;gap:1rem;text-align:center}.profile-page .settings-section .app-settings .app-setting-item .setting-description{text-align:center}.profile-page .profile-info .info-resource{align-items:flex-start;flex-direction:column}.profile-page .profile-info .info-resource label{margin-bottom:.5rem;margin-right:0;min-width:auto}.profile-page .profile-info .info-resource span{width:100%}.profile-page .profile-actions{margin-top:1.5rem}.profile-page .profile-actions .logout-btn{font-size:.9rem;padding:.625rem 1.25rem}.profile-page .admin-section .admin-item{flex-direction:column}}.example-icons{padding:2rem}.example-icons .icon-section{margin-bottom:2rem}.example-icons .icon-section h3{color:#333;margin-bottom:1rem}.example-icons .icon-section svg{margin-bottom:.5rem;margin-right:1rem}.user-management{padding:20px}.user-management__header{margin-bottom:30px}.user-management__header h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin-bottom:8px}.user-management__header p{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.user-management__content{background:var(--color-background-paper);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.user-management .error-state,.user-management .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.user-management .error-state p,.user-management .loading-state p{color:var(--color-text-secondary);margin-bottom:16px}.user-management .error-state .retry-button,.user-management .loading-state .retry-button{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.user-management .error-state .retry-button:hover,.user-management .loading-state .retry-button:hover{background:var(--color-primary-dark)}.user-management .user-role{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.user-management .user-role--super_admin{background:#fee;border:1px solid #f5c2c7;color:#d63384}.user-management .user-role--admin{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.user-management .user-role--user{background:#d1ecf1;border:1px solid #b3d7ff;color:#0c5460}.user-management .user-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.user-management .user-status.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.user-management .user-status.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.user-management .user-actions{align-items:center;display:flex;gap:8px}.user-management .user-name-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500;padding:4px 0;text-decoration:none;transition:color .2s ease}.user-management .user-name-link:hover{color:var(--color-primary-dark);text-decoration:underline}.user-management .user-name-link:focus{border-radius:2px;outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:1080px){.user-management{padding:16px}.user-management__header{margin-bottom:20px}.user-management__header h2{font-size:20px}}.admin-page{background-color:#f8f9fa;box-sizing:border-box;padding:2rem}.admin-page .page-container{margin:0 auto;max-width:1200px;width:100%}.admin-page .page-header{margin-bottom:2rem;text-align:left}.admin-page .page-header .page-title{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.admin-page .page-header .page-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.admin-page .page-header .page-subtitle{color:#555;font-size:1.25rem;font-weight:500;margin:.5rem 0}.admin-page .page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.admin-page .page-content--no-background{background:#0000;box-shadow:none}.admin-page .page-content--centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.admin-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.admin-page .page-actions--end{justify-content:flex-end}.admin-page .page-actions--start{justify-content:flex-start}.admin-page .page-actions--center{justify-content:center}.admin-page .error-container,.admin-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.admin-page .error-container h2,.admin-page .loading-container h2{margin-bottom:1rem}.admin-page .error-container p,.admin-page .loading-container p{color:#6c757d;margin-bottom:1.5rem}.admin-page .error-container h2{color:#dc3545}@media(max-width:1080px){.admin-page .page-header .page-title{font-size:1.5rem}.admin-page .page-header .page-description{font-size:.9rem}.admin-page .page-actions{align-items:stretch;flex-direction:column}.admin-page .page-actions--center,.admin-page .page-actions--end,.admin-page .page-actions--start{align-items:stretch}}@media(max-width:480px){.admin-page{padding:.75rem}.admin-page .page-header{margin-bottom:1.5rem}.admin-page .page-header .page-title{font-size:1.25rem}}.admin-page .admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-page .admin-header h1{color:#333;margin-bottom:.5rem}.admin-page .admin-header h2{color:#333;margin:0}.admin-page .admin-header p{color:#666;margin:0}.admin-page .admin-content{min-height:500px}.admin-page .tabs{margin-bottom:2rem}.user-form{margin:0 auto;max-width:800px}.user-form .form-section{background:var(--background-white);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--box-shadow-sm);margin-bottom:2rem;padding:1.5rem}.user-form .form-section h3{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.user-form .form-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-form .form-section .section-header h3{border-bottom:none;margin:0;padding-bottom:0}.user-form .form-group{margin-bottom:1.5rem}.user-form .form-group label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:.5rem}.user-form .form-group .form-display-value{background:var(--input-readonly-bg);border:1px solid var(--border-light);border-radius:4px;color:var(--color-text-primary);font-family:inherit;font-size:14px;min-height:20px;padding:.75rem}.user-form .form-group input,.user-form .form-group select,.user-form .form-group textarea{border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:14px;padding:.75rem;transition:all .2s ease;width:100%}.user-form .form-group input:focus,.user-form .form-group select:focus,.user-form .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none;transform:translateY(-1px)}.user-form .form-group input:disabled,.user-form .form-group select:disabled,.user-form .form-group textarea:disabled{background-color:var(--input-disabled-bg);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.user-form .form-group textarea{line-height:1.5;min-height:80px;resize:vertical}.user-form .form-group.checkbox-group .checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:0;padding:.5rem;transition:background-color .2s ease}.user-form .form-group.checkbox-group .checkbox-label:hover{background-color:var(--background-light)}.user-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{margin:0;transform:scale(1.1);width:auto}.user-form .form-group.checkbox-group .checkbox-label span{color:var(--color-text-primary);font-weight:500}.user-form .permission-form{background:var(--background-light);border:1px solid var(--border-light);border-radius:6px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.user-form .permission-form:before{background:linear-gradient(90deg,var(--color-primary),var(--primary-light));border-radius:6px 6px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-form .permissions-list{max-height:400px;overflow-y:auto;padding-right:.5rem}.user-form .permissions-list::-webkit-scrollbar{width:6px}.user-form .permissions-list::-webkit-scrollbar-track{background:var(--background-light);border-radius:3px}.user-form .permissions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.user-form .permissions-list::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.user-form .permissions-list .no-permissions{background:var(--background-light);border:2px dashed var(--border-light);border-radius:6px;color:var(--color-text-secondary);font-style:italic;padding:3rem 2rem;text-align:center}.user-form .permissions-list .permission-item{align-items:center;background:var(--background-white);border:1px solid var(--border-light);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;position:relative;transition:all .2s ease}.user-form .permissions-list .permission-item:hover{border-color:var(--primary-light);box-shadow:var(--box-shadow);transform:translateY(-1px)}.user-form .permissions-list .permission-item:before{background:var(--color-primary);border-radius:6px 0 0 6px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.user-form .permissions-list .permission-item .permission-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding-left:1rem}.user-form .permissions-list .permission-item .permission-info .permission-type{color:var(--color-text-primary);font-size:14px;font-weight:600}.user-form .permissions-list .permission-item .permission-info .permission-target{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:.5rem}.user-form .permissions-list .permission-item .permission-info .permission-notes{align-self:flex-start;background:var(--background-light);border-radius:3px;color:var(--color-text-secondary);font-size:12px;font-style:italic;padding:.25rem .5rem}.user-form .permissions-list .permission-item .btn{align-items:center;border-radius:50%;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;margin-left:1rem;min-width:auto;padding:0;transition:all .2s ease;width:32px}.user-form .permissions-list .permission-item .btn:hover{transform:scale(1.1)}.user-form .form-actions{border-top:2px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding:2rem 0 0}.user-form .form-actions .btn{font-size:13px;font-weight:600;letter-spacing:.5px;min-width:120px;text-transform:uppercase}@media(max-width:768px){.user-form{max-width:100%;padding:1rem}.user-form .form-section{margin-bottom:1.5rem;padding:1rem}.user-form .form-section .section-header{align-items:stretch;flex-direction:column;gap:1rem}.user-form .form-section .section-header .btn{align-self:flex-start}.user-form .permission-item{align-items:stretch;flex-direction:column;gap:1rem}.user-form .permission-item .permission-info{padding-left:0}.user-form .permission-item .btn{align-self:flex-end;border-radius:4px;height:auto;margin-left:0;padding:.5rem 1rem;width:auto}.user-form .form-actions{flex-direction:column}.user-form .form-actions .btn{min-width:auto;width:100%}.user-form .permissions-list{padding-right:0}}@media(max-width:480px){.user-form .form-section{padding:.75rem}.user-form .form-section h3{font-size:16px}.user-form .form-group{margin-bottom:1rem}.user-form .form-group label{font-size:13px}.user-form .form-group .form-display-value,.user-form .form-group input,.user-form .form-group select,.user-form .form-group textarea{font-size:13px;padding:.625rem}}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn.btn-primary{background:var(--color-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn.btn-secondary{background:var(--background-tertiary);border:1px solid var(--border-color);color:var(--color-text-primary)}.btn.btn-secondary:hover:not(:disabled){background:var(--color-gray-300)}.btn.btn-danger{background:var(--color-danger);color:#fff}.btn.btn-danger:hover:not(:disabled){background:var(--color-danger-dark)}.btn.btn-sm{font-size:12px;padding:.375rem .75rem}.btn:disabled{cursor:not-allowed;opacity:.6}.not-found-page{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;padding:2rem}.not-found-content{max-width:500px;text-align:center}.not-found-content h1{color:#dc3545;font-size:6rem;font-weight:700;line-height:1;margin-bottom:1rem}.not-found-content h2{color:#343a40;font-size:2rem;margin-bottom:1rem}.not-found-content p{color:#6c757d;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media(max-width:480px){.not-found-actions{align-items:center;flex-direction:column}}.auth-layout{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-layout .auth-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center}.auth-layout .auth-container .auth-header{margin-bottom:30px}.auth-layout .auth-container .auth-header h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:8px}.auth-layout .auth-container .auth-header p{color:#666;font-size:.9rem;margin:0}.auth-layout .auth-container .auth-content{margin-bottom:30px}.auth-layout .auth-container .auth-footer p{color:#999;font-size:.8rem;margin:0}@media(max-width:1080px){.auth-layout{padding:10px}.auth-layout .auth-container{padding:30px 20px}}.push-permission-modal{margin:0 auto;max-width:400px;text-align:center}.push-permission-modal__icon{font-size:3rem;margin-bottom:1rem}.push-permission-modal__content{margin-bottom:2rem}.push-permission-modal__description{color:#333;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.push-permission-modal__benefits{margin:1.5rem 0;padding-left:1rem;text-align:left}.push-permission-modal__benefits li{color:#555;margin-bottom:.5rem}.push-permission-modal__benefits li::marker{color:#0082c9}.push-permission-modal__note{color:#666;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.push-permission-modal__actions{display:flex;gap:1rem;justify-content:center}.push-permission-modal__actions .btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;max-width:150px;padding:.75rem 1rem;transition:all .2s ease}.push-permission-modal__actions .btn:disabled{cursor:not-allowed;opacity:.6}.push-permission-modal__actions .btn-primary{background-color:#0082c9;color:#fff}.push-permission-modal__actions .btn-primary:hover:not(:disabled){background-color:#006ba8}.push-permission-modal__actions .btn-secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.push-permission-modal__actions .btn-secondary:hover:not(:disabled){background-color:#e9e9e9}@media(max-width:768px){.push-permission-modal__actions{flex-direction:column}.push-permission-modal__actions .btn{max-width:none}}.navigation{background:#1f2937;color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px;z-index:1000}.navigation .nav-header{border-bottom:1px solid #374151;padding:20px}.navigation .nav-header h2{color:#f9fafb;font-size:1.2rem;font-weight:600;margin:0}.navigation .nav-menu{list-style:none;margin:0;padding:0}.navigation .nav-menu .nav-resource .nav-item-container{align-items:center;display:flex;position:relative}.navigation .nav-menu .nav-resource .nav-item-container .nav-create-button{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;display:flex;height:45px;justify-content:center;opacity:.5;transform:scale(.8);transition:all .2s ease;width:45px}.navigation .nav-menu .nav-resource .nav-item-container .nav-create-button:hover{background-color:#374151;color:#3b82f6;transform:scale(1)}.navigation .nav-menu .nav-resource .nav-item-container:hover .nav-create-button{opacity:1}.navigation .nav-menu .nav-resource .nav-item-container:hover .nav-create-button svg{transform:scale(1.5)}.navigation .nav-menu .nav-resource .nav-link{align-items:center;color:#d1d5db;display:flex;flex:1 1;padding:12px 20px;text-decoration:none;transition:all .2s ease}.navigation .nav-menu .nav-resource .nav-link:hover{background-color:#374151;color:#f9fafb}.navigation .nav-menu .nav-resource .nav-link.active{background-color:#3b82f6;color:#fff}.navigation .nav-menu .nav-resource .nav-link .nav-icon{font-size:1.1rem;margin-right:12px}.navigation .nav-menu .nav-resource .nav-link .nav-label{font-size:.9rem;font-weight:500}.navigation .nav-footer{background:#1f2937;border-top:1px solid #374151;bottom:0;left:0;padding:20px;position:absolute;right:0}.navigation .nav-footer .footer-content{color:#9ca3af;font-size:.8rem;text-align:center}.navigation .nav-footer .footer-links{display:flex;gap:15px;justify-content:center;margin-top:10px}.navigation .nav-footer .footer-links a{color:#d1d5db;font-size:.8rem;text-decoration:none;transition:color .2s ease}.navigation .nav-footer .footer-links a:hover{color:#f9fafb}@media(max-width:1080px){.navigation{display:none}}.mobile-navigation{display:none}@media(max-width:1080px){.mobile-navigation{background:#1f2937;box-shadow:0 2px 4px #0000001a;color:#fff;display:block;max-width:100vh;overflow:hidden;position:sticky;top:0;z-index:999}}.mobile-navigation .embla{overflow:hidden;padding:12px 16px}.mobile-navigation .embla__container{display:flex;gap:8px}.mobile-navigation .embla__slide{flex:0 0 auto;min-width:0}.mobile-navigation .mobile-nav-menu{-ms-overflow-style:none;align-items:center;display:flex;gap:12px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.mobile-navigation .mobile-nav-menu::-webkit-scrollbar{display:none}.mobile-navigation .mobile-nav-link{align-items:center;border-radius:8px;color:#d1d5db;display:flex;flex-direction:column;flex-shrink:0;font-size:.75rem;font-weight:500;justify-content:center;min-height:50px;min-width:85px;padding-bottom:1px;padding-top:15px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.mobile-navigation .mobile-nav-link:hover{background-color:#374151;color:#f9fafb}.mobile-navigation .mobile-nav-link.active{background-color:#3b82f6;color:#fff}.mobile-navigation .mobile-nav-link.active .mobile-nav-icon{transform:scale(1.6) translateY(-4px)}.mobile-navigation .mobile-nav-icon{font-size:1rem;margin-bottom:0;transform:scale(1) translateY(-6px);transition:transform .2s ease}.mobile-navigation .mobile-nav-label{font-size:.9rem;line-height:1}.mobile-navigation .mobile-nav-create-button{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.8rem;gap:6px;height:auto;min-width:auto;padding:16px}.mobile-navigation .nav-logo{margin-left:8px}.impersonation-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff6b35,#f7931e);border-bottom:2px solid #e55a2b;box-shadow:0 2px 8px #ff6b354d;color:#fff;display:flex;justify-content:space-between;padding:12px 20px;position:sticky;top:0;z-index:1000}.impersonation-banner__content{align-items:center;display:flex;flex:1 1;gap:12px}.impersonation-banner__icon{font-size:18px;opacity:.9}.impersonation-banner__text{display:flex;flex-direction:column;gap:2px}.impersonation-banner__text strong{font-size:14px;font-weight:600}.impersonation-banner__text span{font-size:12px;opacity:.85}.impersonation-banner__actions{display:flex;gap:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.impersonation-banner{flex-direction:column;gap:12px;padding:10px 16px;text-align:center}.impersonation-banner__content{justify-content:center}.impersonation-banner__text{align-items:center}}.dashboard-layout{display:flex}.dashboard-layout .dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:250px}@media(max-width:1080px){.dashboard-layout .dashboard-main{margin-left:0;max-width:100vh;overflow:hidden}}.dashboard-layout .dashboard-main .dashboard-content{flex:1 1}
/*# sourceMappingURL=main.8993a97d.css.map*/