.breadcrumb{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;padding:1rem 0}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .25s}.breadcrumb-link:hover{color:#00c9ff}.breadcrumb-current{color:#1f2937;font-weight:500}.separator{color:#d1d5db;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:480px){.breadcrumb{font-size:.8125rem;gap:.375rem;padding:.75rem 0}}.page-header{margin-bottom:2rem;padding-bottom:1rem;position:relative}.page-header:after{background:linear-gradient(90deg,#00c9ff,#92fe9d);border-radius:2px;bottom:0;box-shadow:0 2px 8px rgba(0,201,255,.3);content:"";height:3px;left:0;position:absolute;width:80px}@media(max-width:768px){.page-header{margin-bottom:1.5rem;padding-bottom:.75rem}.page-header:after{height:2px;width:60px}}.page-title{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;display:flex;font-size:2rem;font-weight:700;gap:.75rem;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.page-title{font-size:1.5rem}}@media(max-width:480px){.page-title{font-size:1.25rem}}.title-icon{background:linear-gradient(180deg,#00c9ff,#92fe9d);border-radius:2px;box-shadow:0 2px 8px rgba(0,201,255,.3);height:2rem;width:4px}@media(max-width:768px){.title-icon{height:1.5rem}}@media(max-width:480px){.title-icon{height:1.25rem}}.filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);margin-bottom:2rem;padding:1.5rem;transition:box-shadow .3s}.filter-section:hover{box-shadow:0 10px 15px -3px rgba(0,201,255,.1)}@media(max-width:768px){.filter-section{margin-bottom:1.5rem;padding:1rem}}@media(max-width:480px){.filter-section{border-radius:.75rem;padding:.75rem}}.active-filters{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.active-filters:empty{display:none}.filter-tag{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:1.5rem;box-shadow:0 2px 8px rgba(0,201,255,.3);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.filter-tag svg{height:14px;width:14px}.filter-tag:hover{color:#fff;transform:translateY(-2px)}@media(max-width:480px){.filter-tag{font-size:.75rem;padding:.375rem .75rem}.filter-tag svg{height:12px;width:12px}}.tag-close{cursor:pointer;height:14px;opacity:.8;transition:opacity .25s;width:14px}.tag-close:hover{opacity:1}.filter-group{display:flex;gap:1rem;padding:1rem 0}.filter-group:not(:last-child){border-bottom:1px solid #e5e7eb}@media(max-width:768px){.filter-group{flex-direction:column;gap:.75rem;padding:.75rem 0}}.filter-label{color:#1f2937;flex-shrink:0;font-weight:600;padding-top:.5rem;width:80px}@media(max-width:768px){.filter-label{padding-top:0;width:auto}}@media(max-width:480px){.filter-label{font-size:.875rem}}.filter-options,.filter-tags{display:flex;flex:1;flex-wrap:wrap;gap:.75rem}@media(max-width:480px){.filter-options,.filter-tags{gap:.5rem}}.filter-btn,.filter-option{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.filter-btn:hover,.filter-option:hover{background:rgba(0,201,255,.05);border-color:#00c9ff;color:#00c9ff;transform:translateY(-1px)}.filter-btn.active,.filter-option.active{background:linear-gradient(135deg,#00c9ff,#92fe9d);border-color:transparent;box-shadow:0 2px 8px rgba(0,201,255,.3);color:#fff;font-weight:500}.filter-btn:active,.filter-option:active{transform:translateY(0)}@media(max-width:480px){.filter-btn,.filter-option{font-size:.75rem;padding:.375rem .75rem}}.filter-extend.hidden{display:none}.filter-toggle-wrapper{border-top:1px solid #e5e7eb;padding-top:1rem;text-align:center}.filter-toggle-btn{align-items:center;background:linear-gradient(135deg,rgba(0,201,255,.1),rgba(146,254,157,.1));border:1px solid rgba(0,201,255,.2);border-radius:1.5rem;color:#00c9ff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;transition:all .3s}.filter-toggle-btn svg{height:16px;transition:transform .3s;width:16px}.filter-toggle-btn:hover{background:linear-gradient(135deg,rgba(0,201,255,.15),rgba(146,254,157,.15));border-color:rgba(0,201,255,.3);box-shadow:0 2px 8px rgba(0,201,255,.2);transform:translateY(-2px)}.filter-toggle-btn.expanded svg{transform:rotate(180deg)}@media(max-width:480px){.filter-toggle-btn{font-size:.8125rem;padding:.375rem 1rem}.filter-toggle-btn svg{height:14px;width:14px}}.toggle-icon{height:16px;transition:transform .3s;width:16px}.toggle-icon.rotate{transform:rotate(180deg)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.empty-icon{filter:drop-shadow(0 4px 8px rgba(0,201,255,.2));height:120px;margin-bottom:1.5rem;opacity:.3;width:120px}.empty-icon svg{color:#00c9ff;height:100%;width:100%}@media(max-width:768px){.empty-icon{height:100px;width:100px}}@media(max-width:480px){.empty-icon{height:80px;width:80px}}.empty-text{color:#6b7280;font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}@media(max-width:768px){.empty-text{font-size:1.125rem}}@media(max-width:480px){.empty-text{font-size:1rem}}.empty-btn,.empty-link{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:2rem;box-shadow:0 4px 12px rgba(0,201,255,.3);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s}.empty-btn svg,.empty-link svg{height:18px;width:18px}.empty-btn:hover,.empty-link:hover{background:linear-gradient(135deg,#00b8e6,#82ee8d);box-shadow:0 8px 20px rgba(0,201,255,.4);transform:translateY(-3px)}.empty-btn:active,.empty-link:active{transform:translateY(-1px)}@media(max-width:480px){.empty-btn,.empty-link{font-size:.875rem;padding:.625rem 1.5rem}.empty-btn svg,.empty-link svg{height:16px;width:16px}}@media(max-width:768px){.filter-section,.page-header{margin-bottom:1.5rem}.empty-state{min-height:300px;padding:3rem 1.5rem}}@media(max-width:480px){.filter-section,.page-header{margin-bottom:1rem}.empty-state{min-height:250px;padding:2rem 1rem}}