:root{--bnq-primary: #0d6efd;--bnq-secondary: #6c757d;--bnq-success: #198754;--bnq-danger: #dc3545;--bnq-warning: #ffc107;--bnq-light: #f8f9fa;--bnq-dark: #212529;--bnq-bg-start: #3cc36b;--bnq-bg-mid: #58a9c9;--bnq-bg-end: #1e90ff;--bnq-radius: 8px;--bnq-spacing: 1rem;--bnq-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bnq-font-size-sm: .875rem;--bnq-font-size-base: 1rem;--bnq-font-size-lg: 1.125rem;--bnq-font-size-xl: 1.25rem;--bnq-font-size-2xl: 1.5rem;--bnq-line-height-tight: 1.25;--bnq-line-height-normal: 1.5;--bnq-text-primary: #1a202c;--bnq-text-secondary: #4a5568;--bnq-text-muted: #718096;--bnq-border-light: #e2e8f0;--bnq-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--bnq-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--bnq-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}html,body,app-root{height:100%;min-height:100vh}html{height:100%;min-height:100%}body{min-height:100vh;height:auto;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:var(--bnq-text-primary);font-family:var(--bnq-font-family);font-size:var(--bnq-font-size-base);line-height:var(--bnq-line-height-normal);transition:background .5s ease}body[data-theme=light],body:not([data-theme]){background:linear-gradient(180deg,var(--bnq-bg-start) 0%,var(--bnq-bg-mid) 50%,var(--bnq-bg-end) 100%);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center top;background-color:var(--bnq-bg-end)}html[data-theme=light],html:not([data-theme]){background:linear-gradient(180deg,var(--bnq-bg-start) 0%,var(--bnq-bg-mid) 50%,var(--bnq-bg-end) 100%);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center top;background-color:var(--bnq-bg-end);min-height:100vh}body[data-theme=dark]{background:linear-gradient(180deg,#121417,#15181c,#1b1f24);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center top;background-color:#1b1f24}html[data-theme=dark]{background:linear-gradient(180deg,#121417,#15181c,#1b1f24);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center top;background-color:#1b1f24;min-height:100vh}body[data-theme=dark] .stat-card,body[data-theme=dark] .quick-action-card,body[data-theme=dark] .recent-activity,body[data-theme=dark] .journey-item,body[data-theme=dark] .welcome-section,body[data-theme=dark] .inspiration-card,body[data-theme=dark] .stat-card:hover,body[data-theme=dark] .quick-action-card:hover,body[data-theme=dark] .stat-number,body[data-theme=dark] .action-title,body[data-theme=dark] .recent-title,body[data-theme=dark] .journey-content h4{color:#fffffff2!important}body[data-theme=dark] .stat-label,body[data-theme=dark] .action-description,body[data-theme=dark] .recent-author,body[data-theme=dark] .journey-content p{color:#fffc!important}body[data-theme=dark] .recent-date,body[data-theme=dark] .action-arrow{color:#ffffffb3!important}body[data-theme=dark] .quick-action-card:hover .action-arrow{color:#8ab4f8e6!important}body[data-theme=dark] .recent-item{border-bottom:1px solid rgba(255,255,255,.1)!important}body[data-theme=dark] .add-button{background:linear-gradient(135deg,#581870,#4a1559)!important;box-shadow:0 4px 12px #58187066!important}body[data-theme=dark] .add-button:hover{box-shadow:0 6px 20px #58187080!important}body[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#581870,#4a1559)!important;box-shadow:0 4px 12px #58187066!important}body[data-theme=dark] .btn-primary:hover{box-shadow:0 6px 20px #58187080!important}body[data-theme=dark] .page-title i,body[data-theme=dark] .form-title i{color:#581870!important}body[data-theme=dark] .form-input:focus,body[data-theme=dark] .form-textarea:focus,body[data-theme=dark] .form-select:focus,body[data-theme=dark] .search-input:focus,body[data-theme=dark] .filter-select:focus{border-color:#581870!important}body[data-theme=dark] .loading-state .spinner{border-top-color:#581870!important}body[data-theme=dark] .action-button:hover{border-color:#581870!important;color:#581870!important}body[data-theme=dark] .content-card,body[data-theme=dark] .book-card,body[data-theme=dark] .quote-card,body[data-theme=dark] .movie-card,body[data-theme=dark] .diary-card,body[data-theme=dark] .activity-card{background:#1b1f24eb!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(15px)!important}body[data-theme=dark] .content-card:hover,body[data-theme=dark] .book-card:hover,body[data-theme=dark] .quote-card:hover,body[data-theme=dark] .movie-card:hover,body[data-theme=dark] .diary-card:hover,body[data-theme=dark] .activity-card:hover{background:#1f242af2!important;border-color:#8ab4f859!important;box-shadow:0 8px 32px #8ab4f826!important}body[data-theme=dark] .content-card.expanded,body[data-theme=dark] .book-card.expanded,body[data-theme=dark] .quote-card.expanded,body[data-theme=dark] .movie-card.expanded,body[data-theme=dark] .diary-card.expanded,body[data-theme=dark] .activity-card.expanded{background:#1f242afa!important;border-color:#8ab4f873!important;box-shadow:0 8px 32px #8ab4f833!important}@media (max-width: 768px){body[data-theme=dark] .content-card,body[data-theme=dark] .book-card,body[data-theme=dark] .quote-card,body[data-theme=dark] .movie-card,body[data-theme=dark] .diary-card,body[data-theme=dark] .activity-card{padding:.75rem .85rem}}body[data-theme=dark] .modal-content{background:#1b1f24f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000073}body[data-theme=dark] .modal-header{background:linear-gradient(135deg,#8ab4f82e,#8ab4f80f);border-bottom:1px solid rgba(255,255,255,.08)}body[data-theme=dark] .modal-header h3{color:#ffffffeb}body[data-theme=dark] .close-modal{color:#fff9}body[data-theme=dark] .close-modal:hover{background:#ffffff1f;color:#ffffffe6}body[data-theme=dark] .modal-body{color:#ffffffe6}body[data-theme=dark] .modal-body .form-label{color:#ffffffbf}body[data-theme=dark] .modal-body .form-input,body[data-theme=dark] .modal-body .form-textarea{background:#121417d9;border-color:#ffffff26;color:#fffffff2}body[data-theme=dark] .modal-body .form-input:focus,body[data-theme=dark] .modal-body .form-textarea:focus{border-color:#8ab4f8cc;box-shadow:0 0 0 3px #8ab4f833}body[data-theme=dark] .modal-footer{background:#121417cc;border-top:1px solid rgba(255,255,255,.08)}body[data-theme=dark] .confirm-modal .modal-body p{color:#fffc}.bnq-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcfe);border-radius:16px;box-shadow:0 10px 25px #0f172a0f;padding:1.1rem 1.1rem 1rem;border:1px solid rgba(226,232,240,.9);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;backdrop-filter:saturate(120%) blur(2px)}.bnq-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--bnq-primary),var(--bnq-success));opacity:.85}.bnq-card:hover{box-shadow:0 16px 40px #0f172a1f;transform:translateY(-2px);border-color:#cbd5e1e6}.bnq-card h5{font-size:1.125rem;font-weight:700;margin:0 0 .35rem;color:var(--bnq-text-primary)}.bnq-card .text-muted{color:var(--bnq-text-muted)!important;font-size:.92rem}.bnq-card p{margin:.75rem 0 1rem;color:var(--bnq-text-secondary)}.bnq-card .bnq-chip{background:#0d6efd1f;color:#0d6efd;border:1px solid rgba(13,110,253,.18)}.bnq-card .btn{border-radius:10px;box-shadow:0 1px 2px #0000000d}.bnq-card .btn-outline-primary:hover{background:#0d6efd;color:#fff}.bnq-card .btn-outline-danger:hover{background:#dc3545;color:#fff}.bnq-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bnq-card-header .bnq-type-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(0,0,0,.06);background:#0d6efd14;color:#0d6efd}.bnq-meta{color:var(--bnq-text-muted);font-size:.9rem;display:flex;align-items:center;gap:.35rem}.bnq-card-body{margin-top:.5rem}.bnq-description{margin:.25rem 0 0;color:var(--bnq-text-secondary);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bnq-card-actions{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between}.bnq-centered{max-width:520px;margin:0 auto}.bnq-compact .bnq-card{padding:.6rem .75rem;margin-bottom:.5rem;border-radius:12px;box-shadow:0 6px 14px #0f172a14}.bnq-compact .bnq-card h5{font-size:1rem;margin-bottom:.15rem}.bnq-compact .bnq-card p{font-size:var(--bnq-font-size-sm);margin-bottom:.35rem}.bnq-compact .bnq-card .text-muted{font-size:.82rem;margin-bottom:.15rem}@media (min-width: 1200px){.bnq-card-container{max-width:800px;margin:0 auto}.bnq-card{max-width:100%}}.bnq-compact .bnq-card:before{width:3px;opacity:.55}.bnq-compact .bnq-card-grid{gap:.5rem}.bnq-compact .bnq-description{-webkit-line-clamp:2;line-clamp:2}.bnq-compact .bnq-card-actions .btn{padding:.25rem .55rem;font-size:.78rem;border-radius:8px}.bnq-normal .bnq-card{box-shadow:0 12px 34px #0f172a1f}.bnq-normal .bnq-description{-webkit-line-clamp:5;line-clamp:5}.bnq-compact .btn-text{display:none}.bnq-normal .btn-text{display:inline}.bnq-compact-toggle{border:1px solid rgba(255,255,255,.45);color:#fff}.bnq-compact-toggle.active{background:linear-gradient(135deg,var(--bnq-primary),var(--bnq-success));color:#fff;border-color:transparent;box-shadow:0 6px 16px #0d6efd59}.bnq-surface{backdrop-filter:blur(6px);background:#ffffff38;border:1px solid rgba(255,255,255,.28);border-radius:16px;box-shadow:0 10px 30px #00000026}.bnq-toolbar{display:flex;align-items:center;gap:.5rem}.bnq-chip{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;background:#0d6efd1f;color:#0d6efd;font-size:.85rem}.bnq-admin{background:#fff;border:1px solid #e6e9ef;border-radius:10px;box-shadow:0 6px 18px #00000014}.bnq-admin-header{padding:.85rem 1rem;border-bottom:1px solid #eef1f5;font-weight:600}.bnq-admin-body{padding:1rem}.bnq-admin .form-label{font-size:.85rem;color:#5c6b7a;margin-bottom:.3rem}.bnq-admin .form-control{border-radius:8px}.bnq-admin .actions{display:flex;justify-content:flex-end;align-items:end}.bnq-table{width:100%;background:#fff;border-radius:var(--bnq-radius);overflow:hidden;border:1px solid #e9ecef}.bnq-table th,.bnq-table td{padding:.65rem .9rem;vertical-align:middle}.bnq-table thead{background:#f1f3f5}.bnq-table tbody tr:hover{background:#fafbfd}.bnq-actions button{margin-right:.5rem}.bnq-section-title{margin:0 0 1rem;font-size:var(--bnq-font-size-2xl);font-weight:600;color:var(--bnq-text-primary);line-height:var(--bnq-line-height-tight)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-content{flex:1}.page-title{font-size:2.5rem;font-weight:300;color:#fff;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.page-title i{font-size:2rem;color:#4caf50}.page-subtitle{color:#fffc;font-size:1.1rem;margin:0}.add-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #4caf504d}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.add-button i{font-size:1.1rem}.add-form-section{margin-bottom:2rem}.form-container{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.form-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.form-title i{color:#4caf50}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:500;color:#fff;font-size:.95rem}.form-input,.form-textarea,.form-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:#ffffff80}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#4caf50;background:#ffffff26;box-shadow:0 0 0 3px #4caf501a}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-input:where(select){cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-input:where(select) option{background:#1f2937;color:#fff}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-select option{background:#333;color:#fff}body[data-theme=light] .content-card,body[data-theme=light] .book-card,body[data-theme=light] .quote-card,body[data-theme=light] .movie-card,body[data-theme=light] .diary-card,body[data-theme=light] .activity-card,body:not([data-theme]) .content-card,body:not([data-theme]) .book-card,body:not([data-theme]) .quote-card,body:not([data-theme]) .movie-card,body:not([data-theme]) .diary-card,body:not([data-theme]) .activity-card{background:linear-gradient(135deg,#ffffff8c,#f5ece473)!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 10px 24px #0f172a14!important;backdrop-filter:blur(10px)}body[data-theme=light] .content-card:hover,body[data-theme=light] .book-card:hover,body[data-theme=light] .quote-card:hover,body[data-theme=light] .movie-card:hover,body[data-theme=light] .diary-card:hover,body[data-theme=light] .activity-card:hover,body:not([data-theme]) .content-card:hover,body:not([data-theme]) .book-card:hover,body:not([data-theme]) .quote-card:hover,body:not([data-theme]) .movie-card:hover,body:not([data-theme]) .diary-card:hover,body:not([data-theme]) .activity-card:hover{border-color:#0f172a2e!important;box-shadow:0 14px 28px #0f172a1f!important}body[data-theme=light] .book-title,body[data-theme=light] .quote-title,body[data-theme=light] .movie-title,body[data-theme=light] .diary-title,body[data-theme=light] .activity-title,body:not([data-theme]) .book-title,body:not([data-theme]) .quote-title,body:not([data-theme]) .movie-title,body:not([data-theme]) .diary-title,body:not([data-theme]) .activity-title{color:#111827!important}body[data-theme=light] .book-meta,body[data-theme=light] .quote-meta,body[data-theme=light] .movie-meta,body[data-theme=light] .diary-meta,body[data-theme=light] .activity-meta,body:not([data-theme]) .book-meta,body:not([data-theme]) .quote-meta,body:not([data-theme]) .movie-meta,body:not([data-theme]) .diary-meta,body:not([data-theme]) .activity-meta{color:#1f2937!important}body[data-theme=light] .book-type,body[data-theme=light] .quote-type,body[data-theme=light] .movie-type,body[data-theme=light] .diary-type,body[data-theme=light] .activity-category,body:not([data-theme]) .book-type,body:not([data-theme]) .quote-type,body:not([data-theme]) .movie-type,body:not([data-theme]) .diary-type,body:not([data-theme]) .activity-category{background:#ffffffd9!important;color:#1f2937!important;border-color:#0f172a1f!important}body[data-theme=light] .book-genre,body[data-theme=light] .movie-genre,body[data-theme=light] .quote-category,body[data-theme=light] .book-status,body:not([data-theme]) .book-genre,body:not([data-theme]) .movie-genre,body:not([data-theme]) .quote-category,body:not([data-theme]) .book-status{background:#0f172a0f!important;color:#1f2937!important;border-color:#0f172a1f!important}body[data-theme=light] .book-author,body[data-theme=light] .quote-author,body[data-theme=light] .movie-director,body[data-theme=light] .diary-body,body[data-theme=light] .activity-description,body:not([data-theme]) .book-author,body:not([data-theme]) .quote-author,body:not([data-theme]) .movie-director,body:not([data-theme]) .diary-body,body:not([data-theme]) .activity-description{color:#374151!important}body[data-theme=light] .book-description,body[data-theme=light] .quote-text,body[data-theme=light] .movie-description,body[data-theme=light] .detail-row,body[data-theme=light] .detail-label,body[data-theme=light] .detail-value,body[data-theme=light] .notes-content,body:not([data-theme]) .book-description,body:not([data-theme]) .quote-text,body:not([data-theme]) .movie-description,body:not([data-theme]) .detail-row,body:not([data-theme]) .detail-label,body:not([data-theme]) .detail-value,body:not([data-theme]) .notes-content{color:#1f2937!important}body[data-theme=light] .book-metric,body[data-theme=light] .quote-metric,body[data-theme=light] .movie-metric,body[data-theme=light] .diary-metric,body[data-theme=light] .activity-metric,body[data-theme=light] .diary-date,body[data-theme=light] .activity-date,body:not([data-theme]) .book-metric,body:not([data-theme]) .quote-metric,body:not([data-theme]) .movie-metric,body:not([data-theme]) .diary-metric,body:not([data-theme]) .activity-metric,body:not([data-theme]) .diary-date,body:not([data-theme]) .activity-date{color:#374151!important;background:#0f172a0f!important;border-color:#0f172a1f!important}body[data-theme=light] .action-button,body:not([data-theme]) .action-button{color:#0f172acc!important;border-color:#0f172a2e!important;background:#0f172a0a!important}body[data-theme=light] .detail-row,body:not([data-theme]) .detail-row{padding-left:.5rem}body[data-theme=light] .form-input:where(select),body[data-theme=light] .form-select,body:not([data-theme]) .form-input:where(select),body:not([data-theme]) .form-select{background-color:#ffffffe6;color:#1f2937;border-color:#0f172a33}body[data-theme=light] .form-input:where(select) option,body[data-theme=light] .form-select option,body:not([data-theme]) .form-input:where(select) option,body:not([data-theme]) .form-select option{background:#fff;color:#1f2937}body[data-theme=dark] .detail-row{padding-left:.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width: 768px){.form-actions{flex-direction:column}}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;min-width:120px;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn i{font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 12px #4caf504d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-secondary{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#fff;border-color:#ffffff80}.action-button{background:#ffffff14;border:1px solid rgba(255,255,255,.35);color:#fffffff2;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.action-button:hover{background:#ffffff29;color:#fff}.action-button.expand:hover,.action-button.edit:hover{border-color:#4caf50;color:#4caf50}.action-button.delete:hover{border-color:#ff6b6b;color:#ff6b6b}.loading-state{text-align:center;padding:4rem 2rem;color:#fffc}.loading-state .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{text-align:center;padding:4rem 2rem;color:#ff6b6b}.error-state i{font-size:3rem;margin-bottom:1rem}.error-state .retry-button{background:#ff6b6b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;margin-top:1rem;transition:all .3s ease}.error-state .retry-button:hover{background:#ff5252}.empty-state{text-align:center;padding:4rem 2rem;color:#fffc}.empty-state i{font-size:4rem;color:#fff6;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.empty-state p{margin-bottom:2rem}.content-card{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;cursor:pointer}.content-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0003;border-color:#4caf504d}.content-card.expanded{border-color:#4caf5080;box-shadow:0 8px 32px #4caf5033}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-title-section{flex:1}.card-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem;line-height:1.3}.card-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.card-actions{display:flex;gap:.5rem}.detail-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#fffc;font-size:.9rem}.detail-row:last-child{margin-bottom:0}.detail-row i{color:#fff;font-size:1rem;margin-top:.2rem;flex-shrink:0;background:#00000040;border:1px solid rgba(255,255,255,.25);padding:.25rem;border-radius:6px;box-shadow:0 2px 6px #0003}.detail-row .detail-label{font-weight:600;color:#ffffffe6;min-width:60px}.detail-row .detail-value{color:#fffc;flex:1}.detail-row .detail-value.notes{margin-top:.5rem;line-height:1.6;font-style:italic}.detail-row .notes-content{flex:1;display:flex;flex-direction:column}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.tags-container .tag{background:#4caf5033;color:#4caf50;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;border:1px solid rgba(76,175,80,.3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;transition:all .3s ease}.content-grid.rows-layout{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-width:100%}.results-info{text-align:center;color:#fff9;font-size:.9rem;margin-top:2rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fffffff2;backdrop-filter:blur(10px);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,#4caf501a,#4caf500d);border-radius:16px 16px 0 0}.modal-header h3{margin:0;color:#2e7d32;font-size:1.25rem;font-weight:600}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#0009;padding:.5rem;border-radius:50%;transition:all .2s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#0000001a;color:#333}.modal-body{padding:2rem}.modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.modal-body .form-row{grid-template-columns:1fr}}.modal-body .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.modal-body .form-label{font-weight:500;color:#333;font-size:.9rem}.modal-body .form-input,.modal-body .form-textarea{padding:.75rem;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:.9rem;transition:all .2s ease;background:#fffc;color:#111}.modal-body .form-input:focus,.modal-body .form-textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.modal-body .form-textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid rgba(0,0,0,.1);background:#f8f9facc;border-radius:0 0 16px 16px}.confirm-modal .modal-content{max-width:440px}.confirm-modal .modal-body p{margin:0;color:#000000bf;line-height:1.5}body[data-theme=light] .confirm-modal .btn-secondary,body:not([data-theme]) .confirm-modal .btn-secondary{color:#000000bf;border-color:#0003;background:#00000005}body[data-theme=light] .confirm-modal .btn-secondary:hover:not(:disabled),body:not([data-theme]) .confirm-modal .btn-secondary:hover:not(:disabled){background:#0000000f;color:#000000e6;border-color:#00000059}.confirm-actions .btn{min-width:110px}@media (max-width: 768px){.modal-content{width:95%;margin:1rem}.modal-body{padding:1.5rem}.modal-footer .btn{width:100%}.page-header{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%}}.bnq-container{padding:1.5rem}.bnq-card-grid{gap:1rem}.bnq-card-grid .bnq-card{margin-bottom:1rem}.bnq-compact-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:var(--bnq-font-size-sm);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.bnq-compact-toggle:hover{background:#ffffff4d;transform:translateY(-1px)}.bnq-compact-toggle.active{background:#fff6;border-color:#ffffff80}