.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:5rem;position:relative;z-index:1}.chart-grid-dual{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem}@media (max-width:1200px){.chart-grid-dual{grid-template-columns:1fr}}.metric-card{background:hsla(0,0%,4%,.6);border:1px solid hsla(0,0%,100%,.05);padding:2rem;border-radius:20px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.23,1,.32,1)}.metric-card.gold{border-color:rgba(212,175,55,.3)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.m-header{display:flex;align-items:center;gap:10px;font-size:.6rem;font-weight:900;letter-spacing:2px;color:#555;margin-bottom:1.5rem}.metric-card.gold .m-header{color:var(--color-gold)}.m-value{font-size:3rem;font-weight:850;letter-spacing:-2px;margin-bottom:.5rem;position:relative;z-index:auto;color:#fff}.m-label{font-size:.65rem;color:#444;font-weight:700;letter-spacing:.5px}.m-bg-icon{position:absolute;bottom:-20px;right:-10px;color:hsla(0,0%,100%,.02);z-index:1}.metric-card.gold .m-bg-icon{color:rgba(212,175,55,.05)}.m-title{font-size:.7rem;font-weight:900;letter-spacing:2px;color:hsla(0,0%,100%,.4)}.m-val{font-size:2.5rem;font-weight:900;color:#fff;line-height:1;margin-bottom:.5rem}.m-desc{font-size:.7rem;color:hsla(0,0%,100%,.3);font-weight:600}.data-panel{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:30px;padding:2.5rem;min-height:450px;overflow:hidden;position:relative}.panel-header{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.03)}.panel-header h3{font-size:.8rem;letter-spacing:3px;font-weight:900;color:#fff;margin:0}.bar-chart-container{height:280px;width:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 10px 15px;gap:12px;overflow-x:auto;overflow-y:hidden;position:relative}.bar-chart-container::-webkit-scrollbar{height:12px}.bar-chart-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:6px;margin:0 10px;border:1px solid hsla(0,0%,100%,.05)}.bar-chart-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(212,175,55,.7),var(--color-gold));border-radius:6px;border:2px solid rgba(0,0,0,.2)}.bar-chart-container::-webkit-scrollbar-thumb:hover{background:var(--color-gold);box-shadow:0 0 10px rgba(212,175,55,.5)}.bar-wrapper{flex:1 1 auto;min-width:50px;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:15px;height:100%;justify-content:flex-end;transition:all .3s ease}.bar-wrapper.clickable{cursor:pointer}.bar-wrapper.clickable:hover .bar-fill{background:linear-gradient(180deg,var(--color-gold),rgba(212,175,55,.6));box-shadow:0 0 20px rgba(212,175,55,.5)}.bar-wrapper.active .bar-fill{background:linear-gradient(180deg,gold,#d4af37);box-shadow:0 0 20px rgba(255,215,0,.5)}.bar-value{font-size:.7rem;font-weight:900;color:var(--color-gold);opacity:0;transition:.3s}.bar-wrapper:hover .bar-value{opacity:1;transform:translateY(-5px)}.bar-fill{width:100%;background:linear-gradient(180deg,rgba(212,175,55,.8),rgba(212,175,55,.4));border-radius:8px;position:relative;min-height:5px;transition:all .3s cubic-bezier(.19,1,.22,1)}.bar-glow{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,215,0,.8);border-radius:8px 8px 0 0;box-shadow:0 0 10px rgba(255,215,0,.5)}.bar-label{font-size:.7rem;font-weight:900;color:#fff;letter-spacing:.5px;background:hsla(0,0%,100%,.05);padding:6px 10px;border-radius:6px;margin-top:8px}.bar-wrapper.clickable:hover .bar-label{background:rgba(212,175,55,.2);color:var(--color-gold)}.cat-rank-list{gap:1.5rem}.cat-rank-list,.rank-list{display:flex;flex-direction:column}.rank-list{gap:1rem}.rank-item{display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.rank-info{display:flex;align-items:center;gap:12px}.rank-pos{font-size:.6rem}.rank-num,.rank-pos{font-weight:900;color:var(--color-gold)}.rank-num{font-size:1.2rem;min-width:30px;text-align:center}.rank-stat{display:flex;align-items:center;gap:15px}.rank-content{flex:1 1}.rank-name{font-size:.65rem;font-weight:800;color:#888;letter-spacing:1px}.rank-bar-bg{flex:1 1;height:4px;background:hsla(0,0%,100%,.03);border-radius:2px;overflow:hidden;position:relative}.rank-bar-fill{height:100%;background:var(--color-gold);border-radius:2px;transition:width .6s cubic-bezier(.23,1,.32,1)}.rank-count{font-size:.7rem;font-weight:900;color:#fff;width:30px}.rank-pct{font-size:.75rem;color:hsla(0,0%,100%,.4);margin-left:.5rem}.daily-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:20px}.case-filter-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;transition:all .3s ease}.case-filter-box:focus-within{background:hsla(0,0%,100%,.05);border-color:rgba(212,175,55,.3)}.case-filter-input{background:transparent;border:none;color:#fff;font-size:.85rem;width:200px;outline:none}.case-filter-input::placeholder{color:hsla(0,0%,100%,.3)}.clear-filter-btn{background:hsla(0,0%,100%,.05);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:hsla(0,0%,100%,.5);transition:all .3s ease}.clear-filter-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.today-count-badge{display:flex;flex-direction:column;align-items:center;gap:5px;padding:1.5rem 2rem;background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.2);border-radius:15px}.count-big{font-size:3rem;font-weight:900;color:var(--color-gold);line-height:1}.count-label{font-size:.5rem;font-weight:900;letter-spacing:2px;color:#666}.activity-log-container{display:flex;flex-direction:column;gap:1rem}.activity-item{gap:2rem;padding:1.5rem;border-radius:15px;transition:all .3s}.clickable-row{cursor:pointer}.activity-item:hover{background:hsla(0,0%,100%,.04);transform:translateX(5px)}.activity-time{display:flex;flex-direction:column;gap:8px;min-width:100px}.time-badge{font-size:.9rem;font-weight:900;color:var(--color-gold);letter-spacing:1px}.case-id{font-size:.6rem;font-weight:800;color:#444;letter-spacing:1px}.activity-details{flex:1 1;display:flex;flex-direction:column;gap:12px}.activity-meta{display:flex;gap:10px;flex-wrap:wrap}.status-pill{padding:4px 12px;border-radius:6px;font-size:.55rem;font-weight:900;letter-spacing:1px}.status-pill.pending{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:#ffc107}.status-pill.in-progress{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);color:#2196f3}.status-pill.completed{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50}.category-pill{color:#888}.category-pill,.reporter-pill{padding:4px 12px;border-radius:6px;font-size:.55rem;font-weight:800;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.reporter-pill{color:#fff;display:flex;align-items:center;gap:6px}.activity-message{font-size:.75rem;line-height:1.6;color:#ccc}.view-detail-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:10px;color:var(--color-gold);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-detail-btn:hover{background:rgba(212,175,55,.2);border-color:var(--color-gold);transform:scale(1.05)}.log-panel{background:hsla(0,0%,100%,.02);border:1px solid rgba(212,175,55,.15);border-radius:20px;padding:2.5rem;margin-bottom:3rem}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.search-case{padding:.75rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:.85rem;width:250px;transition:all .3s ease}.search-case:focus{outline:none;background:hsla(0,0%,100%,.05);border-color:rgba(212,175,55,.3);box-shadow:0 0 0 3px rgba(212,175,55,.1)}.log-list{display:flex;flex-direction:column;gap:.75rem}.log-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;transition:all .3s ease}.log-row:hover{background:hsla(0,0%,100%,.04);border-color:rgba(212,175,55,.2);transform:translateX(4px)}.log-info{display:flex;align-items:center;gap:1rem;flex:1 1}.case-id-badge{padding:.4rem .8rem;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:8px;font-size:.75rem;font-weight:700;color:var(--color-gold);letter-spacing:1px}.log-desc{font-size:.85rem;color:hsla(0,0%,100%,.7);font-weight:500}.log-badge{padding:.35rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.log-badge.pending{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:#ffc107}.log-badge.in-progress{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);color:#2196f3}.log-badge.completed{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1.5rem;color:#444;font-size:.8rem;font-weight:800;letter-spacing:2px}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.23,1,.32,1)}.reveal.active{opacity:1;transform:translateY(0)}.date-filter-panel{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;padding:2rem;margin-bottom:3rem;overflow:visible;position:relative;z-index:1000}.date-filter-card{background:hsla(0,0%,100%,.03);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:2rem;margin-bottom:3rem}.filter-header{display:flex;align-items:center;gap:12px;margin-bottom:2rem}.filter-title{font-size:.7rem;font-weight:900;letter-spacing:3px;color:#fff}.filter-options{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.filter-btn{padding:.8rem 1.5rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#888;font-size:.75rem;font-weight:800;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.filter-btn:hover{background:hsla(0,0%,100%,.05);border-color:rgba(212,175,55,.3);color:#fff}.filter-btn.active{background:rgba(212,175,55,.1);border-color:var(--color-gold);color:var(--color-gold);box-shadow:0 0 20px rgba(212,175,55,.2)}.custom-date-picker{display:flex;gap:2rem;padding:1.5rem;background:rgba(0,0,0,.3);border-radius:12px;margin-bottom:1.5rem;animation:slideDown .3s ease;position:relative;overflow:visible;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-input-group{flex:1 1;display:flex;flex-direction:column;gap:12px}.date-input-group label{font-size:.65rem;font-weight:800;color:#666;letter-spacing:1px}.group-label{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:900;color:hsla(0,0%,100%,.5);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}.group-label svg{opacity:.6}.date-input,.modern-date-input{padding:.8rem;background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:8px!important;color:#fff!important;font-size:.8rem!important;font-weight:700!important;font-family:inherit!important;width:100%!important}.date-input:focus,.modern-date-input:focus{outline:none!important;border-color:var(--color-gold)!important;background:rgba(212,175,55,.05)!important}.modern-date-input::placeholder{color:hsla(0,0%,100%,.4)!important}.selected-range-display{display:flex;align-items:center;gap:15px;padding:1rem 1.5rem;background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.2);border-radius:12px;font-size:.75rem;color:#ccc;position:relative;z-index:1}.case-count-badge,.selected-range-display strong{color:var(--color-gold)}.case-count-badge{margin-left:auto;padding:6px 15px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:20px;font-size:.7rem;font-weight:900;position:relative;z-index:1}.react-datepicker-wrapper{display:inline-block;width:100%}.react-datepicker-popper{z-index:99999!important;position:absolute!important}.react-datepicker-popper[data-placement^=bottom]{margin-top:4px!important}.react-datepicker-popper[data-placement^=top]{margin-bottom:4px!important}.react-datepicker{background-color:#0c0c0c!important;border:1px solid rgba(212,175,55,.2)!important;border-radius:20px!important;padding:10px!important;font-family:inherit!important;box-shadow:0 10px 40px rgba(0,0,0,.8)!important;position:relative!important}.react-datepicker__header{background-color:transparent!important;border-bottom:1px solid hsla(0,0%,100%,.05)!important;padding-top:10px!important}.react-datepicker__current-month,.react-datepicker__day-name{color:var(--color-gold)!important;font-size:.7rem!important;letter-spacing:1px!important;font-weight:900!important}.react-datepicker__day{color:#aaa!important;font-size:.75rem!important;border-radius:8px!important}.react-datepicker__day:hover{background-color:rgba(212,175,55,.2)!important;color:#fff!important}.react-datepicker__day--selected{background-color:var(--color-gold)!important;color:#000!important;font-weight:900!important}.react-datepicker__day--keyboard-selected{background-color:transparent!important;border:1px solid var(--color-gold)!important}.react-datepicker__day--today{font-weight:700!important;color:var(--color-gold)!important}.react-datepicker__triangle{display:none!important}.react-datepicker__navigation-icon:before{border-color:var(--color-gold)!important}.react-datepicker__day--disabled{color:hsla(0,0%,100%,.2)!important;cursor:not-allowed!important}.react-datepicker__day--outside-month{color:hsla(0,0%,100%,.3)!important}.react-datepicker__close-icon:after{background-color:transparent!important;color:#555!important;font-size:16px!important}.react-datepicker__time-container{border-left:1px solid hsla(0,0%,100%,.05)!important}.react-datepicker__time-list-item--selected{background-color:var(--color-gold)!important;color:#000!important}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.metric-card{background:hsla(0,0%,100%,.03);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:1.5rem;transition:all .3s ease}.metric-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(212,175,55,.4);transform:translateY(-2px)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-title{font-size:.85rem;color:hsla(0,0%,100%,.6);text-transform:uppercase;letter-spacing:1px}.metric-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.metric-subtitle{font-size:.8rem;color:hsla(0,0%,100%,.5)}.chart-container{background:hsla(0,0%,100%,.03);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:2rem;margin-bottom:3rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chart-title{font-size:1.2rem;font-weight:600;color:#fff}.chart-subtitle{font-size:.85rem;color:hsla(0,0%,100%,.6)}.chart-wrapper{position:relative;height:300px}.activity-log-container{background:hsla(0,0%,100%,.03);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:2rem;margin-bottom:3rem}.activity-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-input{padding:.75rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:.9rem;width:250px;transition:all .3s ease}.search-input:focus{background:hsla(0,0%,100%,.08);border-color:rgba(212,175,55,.3);outline:none}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;transition:all .3s ease;cursor:pointer}.activity-item:hover{background:hsla(0,0%,100%,.05);border-color:rgba(212,175,55,.2)}.activity-info{display:flex;align-items:center;gap:1rem}.activity-id{font-weight:600;color:var(--color-gold)}.activity-description{color:hsla(0,0%,100%,.8)}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:rgba(255,193,7,.2);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-badge.in-progress{background:rgba(33,150,243,.2);color:#2196f3;border:1px solid rgba(33,150,243,.3)}.status-badge.completed{background:rgba(76,175,80,.2);color:#4caf50;border:1px solid rgba(76,175,80,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.modal-content{background:#1a1a1a;border:1px solid rgba(212,175,55,.3);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{padding:2rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.5rem;font-weight:600;color:#fff}.close-btn{background:transparent;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;padding:.5rem;transition:all .3s ease}.close-btn:hover{color:#fff}.modal-body{padding:2rem}.info-section{margin-bottom:2rem}.info-label{font-size:.85rem;color:hsla(0,0%,100%,.6);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.info-value{font-size:1rem;color:#fff}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.03);border-radius:8px;border-left:3px solid var(--color-gold)}.timeline-dot{width:12px;height:12px;background:var(--color-gold);margin-top:.25rem;flex-shrink:0}.timeline-content{flex:1 1}.timeline-title{font-weight:600;color:#fff;margin-bottom:.25rem}.timeline-time{font-size:.85rem;color:hsla(0,0%,100%,.6)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.gallery-image{width:100%;height:150px;object-fit:cover;border-radius:8px;cursor:pointer;transition:all .3s ease}.gallery-image:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(212,175,55,.3)}.case-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.case-modal{background:#0a0a0a;border:1px solid rgba(212,175,55,.2);border-radius:20px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.case-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid hsla(0,0%,100%,.05);background:rgba(212,175,55,.03)}.case-modal-header h2{font-size:1.5rem;font-weight:900;color:var(--color-gold);margin-right:1rem;display:inline}.modal-close-btn{background:hsla(0,0%,100%,.05);border:none;color:#888;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:rgba(255,0,0,.2);color:#f44}.case-modal-body{padding:1.5rem;max-height:calc(85vh - 100px);overflow-y:auto}.case-info-section{background:hsla(0,0%,100%,.02);border-radius:12px;padding:1rem;margin-bottom:1.2rem;opacity:0;animation:fadeInUp .4s ease .1s forwards}.info-row{display:flex;gap:1rem;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-label{font-size:.7rem;font-weight:800;color:#666;min-width:80px}.info-value{font-size:.8rem;color:#ccc}.info-value.gold{color:var(--color-gold);font-weight:700}.case-images-section,.case-timeline-section,.duration-summary{margin-bottom:1.2rem;opacity:0;animation:fadeInUp .4s ease forwards}.case-images-section{animation-delay:.15s}.case-timeline-section{animation-delay:.2s}.duration-summary{animation-delay:.5s}.case-images-section h4,.case-timeline-section h4,.duration-summary h4{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;color:#888;margin-bottom:.6rem;letter-spacing:1px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:1rem;gap:1rem}.image-thumb{aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);transition:all .2s}.image-thumb:hover{border-color:var(--color-gold);transform:scale(1.05)}.image-thumb img{width:100%;height:100%;object-fit:cover}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:hsla(0,0%,100%,.1)}.timeline-item{position:relative;margin-bottom:1rem;opacity:0;animation:slideInLeft .4s ease forwards}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.timeline-dot{position:absolute;left:-26px;top:4px;width:14px;height:14px;border-radius:50%;background:#333;border:2px solid #555}.timeline-dot.pending{background:#ff9800;border-color:#ff9800}.timeline-dot.progress{background:#2196f3;border-color:#2196f3}.timeline-dot.completed{background:#4caf50;border-color:#4caf50}.timeline-dot.inquiry{background:#9c27b0;border-color:#9c27b0}.timeline-dot.reply{background:#00bcd4;border-color:#00bcd4}.timeline-content{background:hsla(0,0%,100%,.02);border-radius:10px;padding:.7rem}.timeline-header{display:flex;align-items:center;gap:10px;margin-bottom:.4rem}.timeline-action{font-size:.8rem;font-weight:700;color:#fff}.timeline-badge{font-size:.55rem;font-weight:900;padding:3px 8px;border-radius:4px;background:rgba(255,152,0,.2);color:#ff9800}.timeline-badge.progress{background:rgba(33,150,243,.2);color:#2196f3}.timeline-badge.completed{background:rgba(76,175,80,.2);color:#4caf50}.timeline-badge.inquiry{background:rgba(156,39,176,.2);color:#ce93d8}.timeline-badge.reply{background:rgba(0,188,212,.2);color:#00bcd4}.timeline-meta{display:flex;align-items:center;gap:8px;font-size:.65rem;color:#666;flex-wrap:wrap}.timeline-time{margin-left:auto}.duration-badge{background:rgba(212,175,55,.1);color:var(--color-gold);padding:2px 8px;border-radius:4px;font-weight:700}.action-note{margin-top:.5rem;padding:.5rem .7rem;background:rgba(76,175,80,.1);border-radius:8px;font-size:.7rem;color:#aaa;line-height:1.3}.action-note strong{color:#4caf50}.inquiry-message{margin-top:.5rem;padding:.5rem .7rem;background:hsla(0,0%,100%,.03);border-radius:8px;font-size:.75rem;color:#ccc;border-left:3px solid #666;line-height:1.3}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.duration-card{background:hsla(0,0%,100%,.02);border-radius:12px;padding:1rem;text-align:center;opacity:0;animation:fadeInUp .5s ease forwards}.duration-card:first-child{animation-delay:.1s}.duration-card:nth-child(2){animation-delay:.2s}.duration-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.duration-card.total{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3)}.duration-label{font-size:.6rem;color:#666;display:block;margin-bottom:.5rem}.duration-value{font-size:1.2rem;font-weight:800;color:#fff}.duration-card.total .duration-value{color:var(--color-gold)}@media (max-width:1024px){.duration-grid{grid-template-columns:1fr}.case-modal{width:95%;max-height:90vh}}