.admin-layout{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#ececec}.toolbar{display:flex;align-items:center;justify-content:space-around;padding:10px 20px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;min-height:100px;flex-shrink:0}.toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:6px;padding:6px 12px;cursor:pointer;min-width:80px}.toolbar-btn:hover:not(:disabled){background-color:#e0e0e0;border-color:silver}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn img{width:48px;height:48px;object-fit:contain}.toolbar-btn span{font-size:12px;color:#555;margin-top:4px}.toolbar-separator{width:1px;height:60px;background-color:transparent;margin:0 2px}.device-info-section{display:flex;padding:20px 30px;flex-shrink:0;gap:20px}.device-image-container{flex-shrink:0;align-self:flex-start}.device-image-container img{width:130px;height:auto}.device-info-right{flex:1;display:flex;flex-direction:column}.device-id-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.device-id-area{flex:1}.device-id-main{font-size:22px;font-weight:600;color:#3185b5;margin-bottom:2px}.device-id-sub{font-size:14px;color:#2acb42}.device-controls{display:flex;align-items:center;flex-shrink:0;gap:12px}.battery-display{display:flex;align-items:center;gap:4px;flex-shrink:0}.battery-icon{width:36px;height:36px;object-fit:contain}.battery-level{font-size:13px;font-weight:600;color:#333;min-width:36px}.power-toggle-container{flex-shrink:0}.power-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.power-toggle input{display:none}.power-toggle-track{width:60px;height:28px;border-radius:14px;background-color:#ccc;position:relative;transition:background-color .2s}.power-toggle input:checked+.power-toggle-track{background-color:#4cd964}.power-toggle-text{position:absolute;inset:0;display:flex;align-items:center;font-size:10px;font-weight:700;color:#fff;pointer-events:none}.power-toggle input:checked~.power-toggle-track .power-toggle-text{justify-content:flex-start;padding-left:8px}.power-toggle input:not(:checked)~.power-toggle-track .power-toggle-text{justify-content:flex-end;padding-right:8px}.power-toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .2s;box-shadow:0 1px 3px #0000004d}.power-toggle input:checked~.power-toggle-track .power-toggle-thumb{left:34px}.power-toggle:has(input:disabled){opacity:.4;cursor:not-allowed}.run-select{font-size:13px;padding:1px 4px;border:1px solid #c0c0c0;border-radius:3px;background-color:#fff;color:#333;cursor:pointer}.device-info-grid{display:flex;gap:40px;font-size:14px;line-height:1.8}.device-info-col{display:flex;flex-direction:column}.device-info-row{display:flex;gap:8px}.device-info-row .label{font-weight:700;color:#333;white-space:nowrap}.device-info-row .value{color:#333;white-space:nowrap}.file-table-section{flex:1;display:flex;flex-direction:column;padding:0 30px;min-height:0;margin-bottom:10px}.file-table-wrapper{flex:1;border:1px solid #c0c0c0;border-radius:2px;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.file-table-header{display:flex;align-items:center;background-color:#f0f0f0;border-bottom:1px solid #c0c0c0;font-size:13px;font-weight:600;color:#333;flex-shrink:0;padding:6px 0}.file-table-header .col-filename{flex:1;padding-left:12px}.file-table-header .col-size,.file-table-header .col-time{width:80px;text-align:center}.file-table-header .col-date{width:160px;text-align:center;padding-right:12px}.file-table-top-bar{display:flex;justify-content:flex-end;margin-bottom:4px}.btn-refresh{background-color:#f2f2f2;color:#333;border:1px solid #c0c0c0;border-radius:4px;padding:3px 12px;font-size:12px;cursor:pointer}.btn-refresh:hover:not(:disabled){background-color:#e0e0e0}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.file-table-body{flex:1;overflow-y:auto;font-size:12px}.file-table-row{display:flex;align-items:center;padding:4px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.file-table-row:hover{background-color:#e8f0fe}.file-table-row.folder{font-weight:600}.file-table-row .col-filename{flex:1;padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-table-row .col-size{width:80px;text-align:right;color:#666;padding-right:12px}.file-table-row .col-time{width:80px;text-align:center;color:#666}.file-table-row .col-date{width:160px;text-align:center;color:#666;padding-right:12px}.file-table-empty{padding:30px;text-align:center;color:#999;font-size:13px}.admin-bottom-bar{display:flex;align-items:center;padding:8px 16px;background-color:#f0f0f0;border-top:1px solid #d0d0d0;min-height:40px;flex-shrink:0}.admin-bottom-bar .status-text{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-right:12px}.admin-bottom-bar .status-synced{color:#2acb42;font-weight:600}.admin-bottom-bar .progress-bar{flex:1;height:10px}.admin-bottom-bar .progress-percent{font-size:11px;color:#666;min-width:35px;text-align:right;margin-right:16px;flex-shrink:0}.admin-bottom-bar .spacer{flex:1}.btn-close{background-color:#f2f2f2;color:#333;border:1px solid #c0c0c0;border-radius:6px;padding:6px 24px;font-size:13px;cursor:pointer;min-width:auto;box-shadow:none;flex-shrink:0;margin-left:auto}.btn-close:hover{background-color:#e0e0e0}.btn-connect{min-width:160px;min-height:36px;font-size:14px}.btn-disconnect{min-width:110px;min-height:30px;font-size:12px}.btn-action{min-width:140px;min-height:34px;font-size:13px}.btn-dialog,.btn-dialog-confirm{min-width:100px;min-height:30px;font-size:12px}.dropdown-container{position:relative;display:inline-block}.dropdown-label{font-size:10px;color:var(--color-text-light-gray);margin-bottom:4px;display:block}.dropdown-placeholder{color:var(--color-text-light-gray)}:root{--color-primary: #3185b5;--color-primary-hover: #2487dc;--color-primary-pressed: #1a6ebe;--color-destructive: #ED7161;--color-destructive-hover: #a61212;--color-gray-bg: #f2f2f2;--color-gray-text: #9e9e9e;--color-gray-border: #d6d6d6;--color-dark-gray-bg: #515151;--color-dark-gray-hover: #6d6d6d;--color-dark-gray-pressed: #3a3a3a;--color-disabled-bg: #7d7d7d;--color-disabled-border: #bfbfbf;--color-status-green: #2acb42;--color-status-red: #de4949;--color-status-amber: #e5aa22;--color-status-blue: #31a1de;--color-text-dark-gray: #696969;--color-text-light-gray: #9e9e9e;--color-text-white: #ffffff;--shadow-button: 0px 2px 10px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#ececec;color:var(--color-text-dark-gray);overflow:hidden;-webkit-user-select:none;user-select:none}.app-container{position:relative;display:flex;flex-direction:column;height:100vh;width:100%;padding:7px}.settings-button-floating{position:absolute;top:7px;right:7px;width:50px;height:50px;background:none;border:none;cursor:pointer;padding:5px;z-index:10}.settings-button-floating:hover{opacity:.8}.settings-icon-large{width:40px;height:40px;object-fit:contain}.app-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.btn{border:none;border-radius:10px;font-size:13px;font-weight:400;cursor:pointer;padding:8px 20px;min-width:150px;min-height:30px;box-shadow:var(--shadow-button);transition:background-color .15s ease}.btn:disabled{background-color:var(--color-disabled-bg);border:2px solid var(--color-disabled-border);color:var(--color-text-white);cursor:not-allowed;box-shadow:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-white);border:2px solid #419acc}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:#1b74c6}.btn-primary:active:not(:disabled){background-color:var(--color-primary-pressed);border-color:#165aa9}.btn-destructive{background-color:var(--color-destructive);color:var(--color-text-white);border:1px solid var(--color-destructive)}.btn-destructive:hover:not(:disabled){background-color:var(--color-destructive-hover);border-color:var(--color-destructive-hover)}.btn-gray{background-color:var(--color-gray-bg);color:var(--color-gray-text);border:1px solid var(--color-gray-border)}.btn-gray:hover:not(:disabled){background-color:#e6e6e6}.btn-dark-gray{background-color:var(--color-dark-gray-bg);color:var(--color-text-white);border:1px solid var(--color-dark-gray-bg)}.btn-dark-gray:hover:not(:disabled){background-color:var(--color-dark-gray-hover);border-color:var(--color-dark-gray-hover)}.btn-dark-gray:active:not(:disabled){background-color:var(--color-dark-gray-pressed);border-color:var(--color-dark-gray-pressed)}.dropdown{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;padding:6px 30px 6px 10px;font-size:12px;color:var(--color-text-dark-gray);cursor:pointer;min-width:200px}.dropdown:focus{outline:none;border-color:var(--color-primary)}.dropdown option{padding:4px 8px}.text-green{color:var(--color-status-green)}.text-red{color:var(--color-status-red)}.text-amber{color:var(--color-status-amber)}.text-blue{color:var(--color-status-blue)}.text-dark-gray{color:var(--color-text-dark-gray)}.text-light-gray{color:var(--color-text-light-gray)}.progress-bar{width:100%;height:8px;border-radius:4px;overflow:hidden;background-color:#e0e0e0}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar-fill.green{background-color:var(--color-status-green)}.progress-bar-fill.blue{background-color:var(--color-status-blue)}.page{display:flex;flex-direction:column;align-items:center;width:100%}.connect-page{justify-content:center}.page-top-row{display:flex;align-items:flex-start;gap:20px;width:100%;max-width:400px}.page-info-col{display:flex;flex-direction:column;gap:8px;padding-top:8px}.info-row{display:flex;align-items:center;gap:6px}.dropdowns-section{display:flex;flex-direction:column;align-items:center;margin-top:12px;width:100%}.page-actions{display:flex;flex-direction:column;align-items:center;margin-top:16px}.error-page{justify-content:center}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:85vh;max-width:95vw;overflow-y:auto}