.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move;-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#0003;border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}.device-status-cell>span:first-child{margin-right:10px}.cell-status{width:50px;min-width:none}.device-sync-field{display:flex;justify-content:end;align-items:center;width:100%}.device-sync-field button{background:rgba(0,0,0,0);padding:4px 10px;border:1px solid #fff;border-radius:4px;cursor:pointer}.device-sync-field button:hover{background:rgba(255,255,255,.1)}.device-sync-field button:disabled{background:rgba(255,255,255,.1);cursor:not-allowed}.device-sync-field button:active{background:rgba(255,255,255,.2)}.device-sync-field button:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.5)}.device-view-switcher{display:flex;margin:auto;align-items:stretch;gap:var(--base)}.view-switcher-label{font-size:20px;font-weight:700;margin-right:10px}.view-nav-container{position:sticky;top:44px;z-index:2;background-color:hsla(var(--theme-elevation-100-hsl),.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:calc(var(--base)*1) calc(var(--gutter-h)*-1) var(--base);padding:0 var(--gutter-h)}.view-label{font-size:13px;color:var(--theme-elevation-600)}.view-nav{display:flex;align-items:center;gap:calc(var(--base)/2);width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:20px 0;height:10px}.view-nav::-webkit-scrollbar{display:none}.view-nav-button{padding:calc(var(--base)*.8) calc(var(--base)*1.5);background:none;border-radius:2px;margin-bottom:-1px;font-size:13px;font-weight:500;color:var(--theme-elevation-600);cursor:pointer;transition:color .2s ease,border-color .2s ease;opacity:.2 ease;white-space:nowrap;opacity:50%}.view-nav-button:hover{color:var(--theme-text);opacity:100%}.view-nav-button.active{color:var(--theme-brand);background-color:var(--theme-border-color);font-weight:600;opacity:100%}.view-nav-button.disabled{color:var(--theme-elevation-600);font-weight:500;opacity:50%;cursor:not-allowed;pointer-events:none}.view-nav-button>span>svg{margin-left:10px}.list-area--hide-controls .collection-list__page-controls,.list-area--hide-controls .list-controls{display:none}.tab-nav-container{position:sticky;top:44px;z-index:2;background-color:hsla(var(--theme-elevation-100-hsl),.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:calc(var(--base)*-1) calc(var(--gutter-h)*-1) var(--base);padding:0 var(--gutter-h);border-bottom:1px solid var(--theme-border-color)}.tab-label{font-size:13px;color:var(--theme-elevation-600)}.tab-nav{display:flex;align-items:center;gap:calc(var(--base)/2);width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-nav-button{padding:calc(var(--base)*.8) var(--base);background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px;font-size:13px;font-weight:500;color:var(--theme-elevation-600);cursor:pointer;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.tab-nav-button:hover{color:var(--theme-text)}.tab-nav-button.active{color:var(--theme-brand);border-bottom-color:var(--theme-brand);font-weight:600}.list-edit-button{text-align:right}.device-details-map-section{padding-bottom:32px;display:flex;gap:24px;flex-wrap:wrap}.device-details-map-section .device-details-list-area{flex:1;min-width:400px}.device-details-map-section .map-area{flex:1;min-width:300px;min-height:400px;background-color:#2a2a2a;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#a0a0a0;z-index:2}.device-details-map-section .location-coordinates{display:grid;grid-template-columns:2fr 2fr;gap:20px}.stat-card{background-color:#2a2a2a;border-radius:3px;padding:16px 24px;gap:16px;flex:1;min-width:150px;height:100px}.stat-card,.stat-card__icon{display:flex;align-items:center}.stat-card__icon{font-size:2rem;color:#a0a0a0;width:45px;height:40px;justify-content:center;border-radius:4px}.stat-card__content{display:flex;flex-direction:column}.stat-card__title{font-size:1rem;color:#fff;margin-bottom:4px}.stat-card__value{font-size:1.8rem;font-weight:600;color:#fff;line-height:1.1}.stat-card__sub-value{padding-top:4px;font-size:1.2rem;font-weight:600;color:#fff;text-align:left}.stat-card__sub-label{font-size:.9rem;color:#fff;padding:4px 8px;border-radius:3px;margin-top:8px;text-align:center}.stat-card__sub-label--online{background-color:#48bb78;color:#fff}.stat-card__sub-label--offline{background-color:#e53e3e;color:#fff}.stat-card--status{flex-direction:column;align-items:flex-start;text-align:center;padding:16px;gap:8px;flex:0 1 auto}.stat-card--progress .stat-card__value{font-size:1.8rem}.stat-card__progress-icon{width:50px;height:50px;position:relative}.stat-card__progress-icon .progress-circle{width:100%;height:100%;border-radius:50%;border:5px solid #444;border-top-color:#fff;transform:rotate(-45deg)}@keyframes spin{to{transform:rotate(315deg)}}.device-table-container{border-radius:3px;display:flex;flex-direction:column;gap:16px}.device-table-controls{padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background-color:#1d1d1d;padding:8px 16px;border-radius:3px;flex-grow:1;min-width:250px}.search-bar .search-icon{margin-right:8px;color:#a0a0a0}.search-bar input{background:none;border:none;outline:none;color:#fff;font-size:1rem;width:100%}.search-bar input::placeholder{color:#a0a0a0}.filter-buttons{display:flex;gap:8px}.button{padding:8px 16px;border:none;border-radius:3px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:4px}.button--secondary{background-color:#161616;color:#a0a0a0}.button--secondary:hover{background-color:#0b0b0b}.table-wrapper{overflow-x:auto}.device-table{width:100%;border-collapse:collapse;border-radius:3px;overflow:hidden;background-color:#2a2a2a}.device-table th{text-align:left;padding:16px;background-color:#1a1a1a;font-weight:600;color:#fff}.device-table td{padding:8px;color:#fff;border-bottom:none}.device-table tbody tr:nth-child(2n){background-color:#1a1a1a}.device-table tbody tr:nth-child(odd){background-color:#000}.device-table .status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.device-table .status-indicator--online{background-color:#48bb78}.device-table .status-indicator--offline{background-color:#e53e3e}.device-table tbody tr:hover{background-color:#373737;cursor:pointer}.status-badge{padding:4px 8px;border-radius:3px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge--online{background-color:#48bb78;color:#fff}.status-badge--offline{background-color:#e53e3e;color:#fff}.device-table-pagination{display:flex;justify-content:space-between;align-items:center;color:#a0a0a0;font-size:.9rem;padding-top:16px;border-top:1px solid #444;margin-top:16px}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-button{background-color:#161616;color:#fff;border:1px solid #444;border-radius:3px;padding:4px 16px;font-size:.9rem;cursor:pointer;transition:background-color .2s,color .2s}.pagination-button:hover:not(:disabled){background-color:#0b0b0b}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:500;padding:0 8px}.pagination-select{display:flex;align-items:center;gap:8px}.pagination-select select{background-color:#161616;color:#fff;border:1px solid #444;border-radius:3px;padding:4px 8px;outline:none;cursor:pointer;transition:background-color .2s}.pagination-select select:hover{background-color:#0b0b0b}.action-card{border-radius:3px;padding:24px;display:flex;flex-direction:column;flex:1;min-width:200px}.action-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.action-card__header .info-icon{color:#a0a0a0;cursor:help}.action-card__title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.action-card__body{background-color:#1d1d1d;border-radius:3px;padding:24px;display:flex;justify-content:space-between;align-items:center;flex-grow:1;cursor:pointer}.action-card__subtitle{font-size:1rem;font-weight:600;color:#fff}.action-card__add-button{background-color:#111;color:#a0a0a0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;border:.5px solid #fff}.action-card__add-button:hover{background-color:#040404;color:#fff}.action-card__add-button .add-icon{font-size:1.5rem;font-weight:400;line-height:1;color:#fff}.deployment-status-per-device .stat-card--completed .stat-card__icon{background:#10b981}.deployment-status-per-device .stat-card--in-progress .stat-card__icon{background:#f59e0b}.deployment-status-per-device .progress-bar{background:var(--theme-border-color)}.deployment-status-per-device .devices-table-section .device-status .status-badge--started{background:rgba(245,158,11,.2);color:#fbbf24}.deployment-status-per-device .devices-table-section .device-status .status-badge--started .status-indicator{background:#fbbf24}.deployment-status-per-device .devices-table-section .device-status .status-badge--downloading{background:rgba(59,130,246,.2);color:#60a5fa}.deployment-status-per-device .devices-table-section .device-status .status-badge--downloading .status-indicator{background:#60a5fa}.deployment-status-per-device .devices-table-section .device-status .status-badge--completed{background:rgba(16,185,129,.2);color:#34d399}.deployment-status-per-device .devices-table-section .device-status .status-badge--completed .status-indicator{background:#34d399}.deployment-status-per-device .devices-table-section .device-progress .mini-progress-bar{background:var(--theme-border-color)}.deployment-status-per-device .devices-table-section .device-progress .mini-progress-bar__fill{background:#10b981}@media(max-width:768px){.deployment-status-per-device{padding:var(--base)}.deployment-status-per-device .stat-cards{grid-template-columns:1fr}.deployment-status-per-device .stat-card{padding:var(--base);gap:calc(var(--base)*.75)}.deployment-status-per-device .stat-card__icon{width:calc(var(--base)*2);height:calc(var(--base)*2)}.deployment-status-per-device .stat-card__value{font-size:20px}.deployment-status-per-device .devices-table-section .devices-status-table td,.deployment-status-per-device .devices-table-section .devices-status-table th{padding:calc(var(--base)*.5) calc(var(--base)*.75)}.deployment-status-per-device .devices-table-section .device-progress .progress-cell{flex-direction:column;gap:calc(var(--base)*.5);align-items:stretch}.deployment-status-per-device .devices-table-section .device-progress .progress-text{text-align:center}}.deployment-status-per-device{background:var(--theme-elevation-50);border-radius:var(--style-radius-s);padding:calc(var(--base)*1.5);border:1px solid var(--theme-border-color)}.deployment-status-per-device .empty-state{text-align:center;padding:calc(var(--base)*2.5) calc(var(--base)*1.25);color:var(--theme-elevation-600);font-style:italic}.deployment-status-per-device .statistics-section{margin-bottom:calc(var(--base)*2)}.deployment-status-per-device .stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--base);margin-bottom:calc(var(--base)*1.5)}.deployment-status-per-device .stat-card{background:var(--theme-elevation-100);border:1px solid var(--theme-border-color);border-radius:var(--style-radius-s);padding:calc(var(--base)*1.25);display:flex;align-items:center;gap:var(--base);transition:all .2s ease}.deployment-status-per-device .stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);background:var(--theme-elevation-150)}.deployment-status-per-device .stat-card__icon{width:calc(var(--base)*2.5);height:calc(var(--base)*2.5);border-radius:var(--style-radius-s);display:flex;align-items:center;justify-content:center;color:#fff}.deployment-status-per-device .stat-card__content{display:flex;flex-direction:column;gap:calc(var(--base)*.25)}.deployment-status-per-device .stat-card__value{font-size:24px;font-weight:700;line-height:1;color:var(--theme-text)}.deployment-status-per-device .stat-card__label{font-size:14px;color:var(--theme-elevation-600);font-weight:500}.deployment-status-per-device .stat-card__percentage{font-size:12px;color:var(--theme-elevation-600)}.deployment-status-per-device .stat-card--total .stat-card__icon{background:var(--theme-brand)}.deployment-status-per-device .stat-card--completed .stat-card__icon{background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 2px 8px rgba(16,185,129,.3)}.deployment-status-per-device .stat-card--completed .stat-card__value{color:#10b981}.deployment-status-per-device .stat-card--in-progress .stat-card__icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px rgba(245,158,11,.3)}.deployment-status-per-device .stat-card--in-progress .stat-card__value{color:#f59e0b}.deployment-status-per-device .stat-card--waiting .stat-card__icon{background:var(--theme-elevation-600)}.deployment-status-per-device .stat-card--waiting .stat-card__value{color:var(--theme-elevation-600)}.deployment-status-per-device .progress-overview{display:flex;flex-direction:column;gap:calc(var(--base)*.5)}.deployment-status-per-device .progress-bar{height:calc(var(--base)*.5);background:var(--theme-elevation-200);border-radius:calc(var(--style-radius-s)/2);overflow:hidden;border:1px solid var(--theme-border-color)}.deployment-status-per-device .progress-bar__fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:calc(var(--style-radius-s)/2);transition:width .3s ease;box-shadow:0 1px 3px rgba(16,185,129,.3)}.deployment-status-per-device .progress-label{font-size:14px;color:var(--theme-elevation-600);font-weight:500}.deployment-status-per-device .devices-table-section .table-title{font-size:18px;font-weight:600;color:var(--theme-text);margin-bottom:var(--base);margin-top:0}.deployment-status-per-device .devices-table-section .table-wrapper{overflow-x:auto;border-radius:var(--style-radius-s);border:1px solid var(--theme-border-color)}.deployment-status-per-device .devices-table-section .devices-status-table{width:100%;border-collapse:collapse;background:var(--theme-elevation-100)}.deployment-status-per-device .devices-table-section .devices-status-table th{background:var(--theme-elevation-150);padding:calc(var(--base)*.75) var(--base);text-align:left;font-weight:600;font-size:14px;color:var(--theme-text);border-bottom:1px solid var(--theme-border-color)}.deployment-status-per-device .devices-table-section .devices-status-table th:first-child{border-top-left-radius:var(--style-radius-s)}.deployment-status-per-device .devices-table-section .devices-status-table th:last-child{border-top-right-radius:var(--style-radius-s)}.deployment-status-per-device .devices-table-section .devices-status-table td{padding:calc(var(--base)*.75) var(--base);border-bottom:1px solid var(--theme-border-color);font-size:14px;color:var(--theme-text)}.deployment-status-per-device .devices-table-section .devices-status-table tbody tr:hover{background:var(--theme-elevation-150)}.deployment-status-per-device .devices-table-section .devices-status-table tbody tr:last-child td{border-bottom:none}.deployment-status-per-device .devices-table-section .device-name .device-info{display:flex;align-items:center;gap:calc(var(--base)*.75)}.deployment-status-per-device .devices-table-section .device-name .device-name-text{font-weight:500;color:var(--theme-text)}.deployment-status-per-device .devices-table-section .device-status .status-badge{display:inline-flex;align-items:center;gap:calc(var(--base)*.375);padding:calc(var(--base)*.375) calc(var(--base)*.75);border-radius:calc(var(--style-radius-s)*.75);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.deployment-status-per-device .devices-table-section .device-status .status-badge .status-indicator{width:calc(var(--base)*.5);height:calc(var(--base)*.5);border-radius:50%}.deployment-status-per-device .devices-table-section .device-status .status-badge--waiting{background:var(--theme-elevation-200);color:var(--theme-elevation-700)}.deployment-status-per-device .devices-table-section .device-status .status-badge--waiting .status-indicator{background:var(--theme-elevation-700)}.deployment-status-per-device .devices-table-section .device-status .status-badge--started{background:var(--theme-elevation-150);color:#f59e0b;border:1px solid var(--theme-border-color)}.deployment-status-per-device .devices-table-section .device-status .status-badge--started .status-indicator{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 1px 3px rgba(245,158,11,.3)}.deployment-status-per-device .devices-table-section .device-status .status-badge--downloading{background:var(--theme-elevation-150);color:#3b82f6;border:1px solid var(--theme-border-color)}.deployment-status-per-device .devices-table-section .device-status .status-badge--downloading .status-indicator{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 1px 3px rgba(59,130,246,.3)}.deployment-status-per-device .devices-table-section .device-status .status-badge--completed{background:var(--theme-elevation-150);color:#10b981;border:1px solid var(--theme-border-color)}.deployment-status-per-device .devices-table-section .device-status .status-badge--completed .status-indicator{background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 1px 3px rgba(16,185,129,.3)}.deployment-status-per-device .devices-table-section .device-progress .progress-cell{display:flex;align-items:center;gap:calc(var(--base)*.75)}.deployment-status-per-device .devices-table-section .device-progress .mini-progress-bar{flex:1;height:calc(var(--base)*.25);background:var(--theme-elevation-200);border-radius:calc(var(--style-radius-s)/4);overflow:hidden;min-width:calc(var(--base)*3.75);border:1px solid var(--theme-border-color)}.deployment-status-per-device .devices-table-section .device-progress .mini-progress-bar__fill{height:100%;background:linear-gradient(90deg,#10b981,#22c55e);border-radius:calc(var(--style-radius-s)/4);transition:width .3s ease;box-shadow:0 1px 2px rgba(16,185,129,.3)}.deployment-status-per-device .devices-table-section .device-progress .progress-text{font-size:12px;color:var(--theme-elevation-600);font-weight:500;min-width:calc(var(--base)*2.5);text-align:right}.deployment-status-cell{display:flex;flex-direction:column;padding:0;min-width:160px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.deployment-status-cell .status-card{position:relative;background:var(--theme-elevation-50);backdrop-filter:blur(10px);border:1px solid var(--theme-border-color);border-radius:var(--style-radius-s);padding:12px 14px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 var(--theme-elevation-100);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.deployment-status-cell .status-card:hover{transform:translateY(-1px);background:var(--theme-elevation-100);box-shadow:0 8px 30px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.1),inset 0 1px 0 var(--theme-elevation-150)}.deployment-status-cell .status-indicator-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:8px}.deployment-status-cell .status-dot,.deployment-status-cell .status-dot-container{position:relative;display:flex;align-items:center;justify-content:center}.deployment-status-cell .status-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease}.deployment-status-cell .status-dot.status-dot--pulsing:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;opacity:.3;transform:scale(1.5);animation:pulse 2s infinite}.deployment-status-cell .status-dot .status-dot-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;opacity:.6;animation:ripple 1.5s infinite}.deployment-status-cell .status-dot--green{background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 2px 8px rgba(16,185,129,.3)}.deployment-status-cell .status-dot--orange{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px rgba(245,158,11,.3)}.deployment-status-cell .status-dot--blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px rgba(59,130,246,.3)}.deployment-status-cell .status-dot--gray{background:var(--theme-elevation-600);box-shadow:0 2px 8px rgba(0,0,0,.15)}.deployment-status-cell .status-dot--red{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 8px rgba(239,68,68,.3)}.deployment-status-cell .status-content{display:flex;flex-direction:column;gap:2px;flex:1}.deployment-status-cell .status-text{font-weight:600;font-size:13px;color:var(--theme-text);line-height:1.2;letter-spacing:-.01em}.deployment-status-cell .status-count{font-size:11px;font-weight:500;color:var(--theme-elevation-600);letter-spacing:.01em}.deployment-status-cell .progress-container{display:flex;align-items:center;gap:8px;margin-top:4px}.deployment-status-cell .progress-track{flex:1;height:6px;background:var(--theme-elevation-200);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border:1px solid var(--theme-border-color)}.deployment-status-cell .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#22c55e 50%,#34d399);border-radius:3px;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px rgba(16,185,129,.3)}.deployment-status-cell .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);animation:shimmer 2s infinite}.deployment-status-cell .progress-percentage{font-size:10px;font-weight:600;color:var(--theme-text);min-width:28px;text-align:right;letter-spacing:-.01em}.deployment-status-cell .status-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .3s ease}.deployment-status-cell .status-glow[data-status=green]{background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.1) 0,transparent 70%)}.deployment-status-cell .status-glow[data-status=orange]{background:radial-gradient(circle at 50% 50%,rgba(245,158,11,.1) 0,transparent 70%)}.deployment-status-cell .status-glow[data-status=blue]{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0,transparent 70%)}.deployment-status-cell .status-glow[data-status=gray]{background:radial-gradient(circle at 50% 50%,var(--theme-elevation-200) 0,transparent 70%)}.deployment-status-cell .status-glow[data-status=red]{background:radial-gradient(circle at 50% 50%,rgba(239,68,68,.1) 0,transparent 70%)}.deployment-status-cell .status-card:hover .status-glow{opacity:1}@keyframes pulse{0%,to{transform:scale(1.5);opacity:.3}50%{transform:scale(2);opacity:.1}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(prefers-color-scheme:dark){.deployment-status-cell .status-card{background:var(--theme-elevation-100);border:1px solid var(--theme-border-color);box-shadow:0 4px 20px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2),inset 0 1px 0 var(--theme-elevation-150)}.deployment-status-cell .status-card:hover{background:var(--theme-elevation-150);box-shadow:0 8px 30px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 var(--theme-elevation-200)}.deployment-status-cell .status-text{color:var(--theme-text)}.deployment-status-cell .status-count{color:var(--theme-elevation-600)}.deployment-status-cell .progress-track{background:var(--theme-border-color)}.deployment-status-cell .progress-percentage{color:var(--theme-text)}}.oauth2-button{width:100%;margin-top:1rem}