.alert{padding:16px 20px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:12px;animation:slideInDown .3s ease}.alert .alert-icon{font-size:1.5rem;flex-shrink:0}.alert .alert-content{flex:1}.alert .alert-title{font-weight:600;margin-bottom:4px}.alert .alert-message{font-size:.95rem;opacity:.9}.alert .alert-close{background:rgba(0,0,0,0);border:none;font-size:1.2rem;cursor:pointer;padding:4px;opacity:.7;transition:opacity .3s}.alert .alert-close:hover{opacity:1}.alert.alert-success{background:rgba(4,114,77,.15);color:#034d32;border-left:4px solid #04724d}.alert.alert-error{background:rgba(220,53,69,.15);color:#c4354f;border-left:4px solid #dc3545}.alert.alert-warning{background:rgba(255,152,0,.15);color:#b36800;border-left:4px solid #ff9800}.alert.alert-info{background:rgba(184,219,217,.15);color:#586f7c;border-left:4px solid #b8dbd9}.tabs .tabs-header{display:flex;border-bottom:2px solid rgba(184,219,217,.2);margin-bottom:30px;overflow-x:auto}.tabs .tabs-header::-webkit-scrollbar{height:4px}.tabs .tabs-header::-webkit-scrollbar-thumb{background:rgba(88,111,124,.2);border-radius:2px}.tabs .tab-button{background:rgba(0,0,0,0);border:none;padding:16px 24px;color:rgba(88,111,124,.6);font-weight:600;font-size:1rem;cursor:pointer;position:relative;transition:all .3s ease;white-space:nowrap}.tabs .tab-button::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#04724d;transform:scaleX(0);transition:transform .3s ease}.tabs .tab-button:hover{color:#586f7c}.tabs .tab-button.active{color:#04724d}.tabs .tab-button.active::after{transform:scaleX(1)}.tabs .tabs-content{animation:fadeIn .5s ease}.tabs .tab-panel{display:none}.tabs .tab-panel.active{display:block}.accordion{border:1px solid rgba(184,219,217,.2);border-radius:12px;overflow:hidden}.accordion-item{border-bottom:1px solid rgba(184,219,217,.2)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;padding:20px;background:rgba(0,0,0,0);border:none;text-align:left;color:#586f7c;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.accordion-header:hover{background:rgba(184,219,217,.05)}.accordion-header.active{background:rgba(184,219,217,.1);color:#04724d}.accordion-header .accordion-icon{transition:transform .3s ease}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.accordion-content.active{max-height:500px;padding:20px}.progress{height:8px;background:rgba(184,219,217,.2);border-radius:50px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg, rgb(4, 114, 77), rgb(184, 219, 217));border-radius:50px;transition:width .5s ease;position:relative;overflow:hidden}.progress-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-label{display:flex;justify-content:space-between;font-size:.875rem;color:rgba(88,111,124,.7);margin-top:4px}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;background:#586f7c;color:#f4f4f9;text-align:center;padding:8px 12px;border-radius:8px;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.875rem;opacity:0;transition:opacity .3s}.tooltip .tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#586f7c rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.tooltip.tooltip-right .tooltip-text{bottom:auto;left:125%;top:50%;transform:translateY(-50%)}.tooltip.tooltip-right .tooltip-text::after{top:50%;left:-10px;transform:translateY(-50%);border-color:rgba(0,0,0,0) #586f7c rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:#f4f4f9;color:#586f7c;padding:12px 20px;border:2px solid rgba(184,219,217,.3);border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.dropdown-toggle:hover{border-color:#04724d}.dropdown-toggle .dropdown-arrow{transition:transform .3s ease}.dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#f4f4f9;border-radius:12px;box-shadow:0 10px 40px rgba(88,111,124,.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:100}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:12px 20px;color:#586f7c;text-decoration:none;display:block;transition:all .3s ease}.dropdown-item:hover{background:rgba(184,219,217,.1);color:#04724d}.dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-item:last-child{border-radius:0 0 12px 12px}.switch{position:relative;display:inline-block;width:60px;height:32px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background:#04724d}.switch input:checked+.slider:before{transform:translateX(28px)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(88,111,124,.3);transition:.3s;border-radius:50px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background:#f4f4f9;transition:.3s;border-radius:50%;box-shadow:0 2px 5px rgba(88,111,124,.2)}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin:40px 0}.pagination-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f4f4f9;color:#586f7c;border:2px solid rgba(184,219,217,.3);border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer}.pagination-item:hover{border-color:#04724d;color:#04724d}.pagination-item.active{background:#04724d;color:#f4f4f9;border-color:#04724d}.pagination-item.disabled{opacity:.5;cursor:not-allowed}.pagination-item.disabled:hover{border-color:rgba(184,219,217,.3);color:#586f7c}.breadcrumb{display:flex;align-items:center;gap:12px;padding:20px 0;font-size:.95rem}.breadcrumb-item{color:rgba(88,111,124,.6);text-decoration:none;transition:color .3s ease}.breadcrumb-item:hover{color:#04724d}.breadcrumb-item.active{color:#586f7c;font-weight:500}.breadcrumb-item:not(:last-child)::after{content:"/";margin-left:12px;color:rgba(88,111,124,.3)}@keyframes slideInDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}