.session-card{border-radius:12px;box-shadow:0 4px 20px rgba(19,34,50,.12);overflow:hidden;max-width:900px;margin:16px auto;border:none}.session-card .ant-card-head{background:linear-gradient(135deg,#132232,#1a3347);border-bottom:3px solid #fdcc00;padding:16px 24px}.session-card .ant-card-head-title{color:#fff;font-weight:600;font-size:18px}.session-card .ant-card-body{padding:24px}.close-button{color:#fff!important;transition:all .3s ease}.close-button:hover{color:#fdcc00!important;transform:rotate(90deg)}.status-banner-modern{border-radius:12px;padding:20px 24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.08)}.status-banner-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.status-banner-modern.status-active{background:linear-gradient(135deg,rgba(82,196,26,.08),rgba(82,196,26,.03));border:1px solid rgba(82,196,26,.2)}.status-banner-modern.status-active:before{background:linear-gradient(90deg,#52c41a,#73d13d)}.status-banner-modern.status-active .status-icon-wrapper{background:linear-gradient(135deg,#52c41a,#73d13d)}.status-banner-modern.status-active .status-text{color:#135200}.status-banner-modern.status-warning{background:linear-gradient(135deg,rgba(250,173,20,.08),rgba(250,173,20,.03));border:1px solid rgba(250,173,20,.2)}.status-banner-modern.status-warning:before{background:linear-gradient(90deg,#faad14,#ffc53d)}.status-banner-modern.status-warning .status-icon-wrapper{background:linear-gradient(135deg,#faad14,#ffc53d)}.status-banner-modern.status-warning .status-text{color:#7a4f00}.status-banner-modern.status-critical{background:linear-gradient(135deg,rgba(255,77,79,.08),rgba(255,77,79,.03));border:1px solid rgba(255,77,79,.2);animation:pulse-critical 2s ease-in-out infinite}.status-banner-modern.status-critical:before{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.status-banner-modern.status-critical .status-icon-wrapper{background:linear-gradient(135deg,#ff4d4f,#ff7875);animation:shake .5s ease-in-out}.status-banner-modern.status-critical .status-text{color:#a8071a}@keyframes pulse-critical{0%,to{box-shadow:0 2px 8px rgba(255,77,79,.2)}50%{box-shadow:0 4px 16px rgba(255,77,79,.4)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.status-content{justify-content:space-between}.status-content,.status-left{display:flex;align-items:center;gap:16px}.status-left{flex:1}.status-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.status-icon{font-size:24px;color:#fff}.status-info{display:flex;flex-direction:column;gap:4px}.status-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#8c8c8c}.status-text{font-size:18px;font-weight:700;line-height:1}.refresh-button-modern{background:linear-gradient(135deg,#fdcc00,#ffdb4d);border:none;color:#132232;font-weight:600;border-radius:8px;height:40px;padding:0 20px;box-shadow:0 2px 8px rgba(253,204,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-button-modern:hover{background:linear-gradient(135deg,#132232,#1a3347)!important;color:#fdcc00!important;transform:translateY(-2px);box-shadow:0 4px 16px rgba(253,204,0,.4)}.refresh-button-modern:active{transform:translateY(0)}.refresh-button-modern .anticon{transition:transform .3s ease}.refresh-button-modern:hover .anticon{transform:rotate(180deg)}.time-display-container{background:linear-gradient(135deg,#132232,#1a3347);border-radius:12px;padding:40px 24px;position:relative;overflow:hidden}.time-display-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fdcc00,#ffdb4d)}.time-display{justify-content:center;gap:16px}.time-display,.time-unit{display:flex;align-items:center}.time-unit{flex-direction:column;min-width:80px}.time-value{font-size:48px;font-weight:700;color:#fdcc00;line-height:1;text-shadow:0 2px 8px rgba(253,204,0,.3);font-variant-numeric:tabular-nums}.time-label{font-size:12px;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-weight:500}.time-separator{font-size:36px;font-weight:300;color:rgba(253,204,0,.5);align-self:center;margin:0 4px 20px}.progress-container{background:linear-gradient(135deg,#fff,#fafafa);padding:20px;border-radius:12px;border:1px solid #f0f0f0;position:relative;overflow:hidden}.progress-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#fdcc00,#ffdb4d 50%,#fdcc00)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-info{display:flex;align-items:center;gap:8px}.progress-title{font-size:15px;font-weight:600;color:#132232}.progress-percentage{font-size:24px;font-weight:700;color:#fdcc00;text-shadow:0 2px 4px rgba(253,204,0,.2);font-variant-numeric:tabular-nums}.progress-container .ant-progress{margin-bottom:12px}.progress-container .ant-progress-bg{transition:all .3s ease;box-shadow:0 2px 8px rgba(253,204,0,.3)}.progress-container .ant-progress-inner{background:#f0f0f0;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.progress-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f0f0f0}.progress-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#595959;font-weight:500}.progress-icon{font-size:16px}.security-section{background:#fafafa;border-radius:12px;padding:20px;border:1px solid #f0f0f0}.security-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#132232;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #fdcc00}.security-grid{display:flex;flex-direction:column;gap:12px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;transition:all .3s ease}.security-item:hover{border-color:#fdcc00;box-shadow:0 2px 8px rgba(253,204,0,.1);transform:translateX(4px)}.security-item-label{display:flex;align-items:center;gap:8px;color:#595959;font-weight:500;font-size:14px}.security-item-label .anticon{color:#132232;font-size:16px}.security-item-value{display:flex;align-items:center;gap:8px;font-size:14px;color:#262626;font-weight:500}.days-badge{background:linear-gradient(135deg,#fdcc00,#ffdb4d);color:#132232;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.security-alert{margin-top:16px;border-radius:8px;border-left:3px solid #faad14}@media (max-width:768px){.session-card{margin:8px}.time-display{gap:8px}.time-unit{min-width:60px}.time-value{font-size:36px}.time-separator{font-size:28px}.security-item{flex-direction:column;align-items:flex-start;gap:8px}.status-banner{padding:12px 16px}}