:root{--primary-color: #2c3e50;--action-color: #3498db;--bg-color: #f4f7f6}body{background-color:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}button{background-color:var(--action-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;transition:opacity .2s}button:hover{opacity:.8}input,textarea,select{width:100%;padding:12px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}#root{width:100%;min-height:100vh}.app-container{background-color:#0d0d0f;background-image:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.03) 55%,transparent 60%),linear-gradient(245deg,transparent 30%,rgba(255,255,255,.02) 35%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.02) 45%,transparent 50%),linear-gradient(180deg,#2a3745,#0d0d0f);background-size:200% 200%;animation:waveFlow 350s ease-in-out infinite;will-change:transform;min-height:100vh;width:100%;display:flex;flex-direction:column;color:#e0e0e0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}@keyframes waveFlow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}#root{max-width:100%!important;margin:0!important;padding:0!important;text-align:left!important}.nav-header{display:flex;justify-content:space-between;align-items:center;padding-top:calc(10px + env(safe-area-inset-top));padding-left:calc(2rem + env(safe-area-inset-left));padding-right:calc(2rem + env(safe-area-inset-right));background:#0d0d0fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-logo{font-weight:700;letter-spacing:2px;font-size:1.2rem}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#fff9;text-decoration:none;transition:color .3s}.nav-link.active{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);border-bottom:2px solid #3498db}.nav-link:hover{color:#3498db}.nav-shift-btn{background:transparent;border:1px solid;padding:6px 15px;border-radius:20px;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.nav-shift-btn.off-shift{color:#2ecc71;border-color:#2ecc714d}.nav-shift-btn.on-shift{color:#e74c3c;border-color:#e74c3c4d;background:#e74c3c0d;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.login-overlay{flex:1;display:flex;justify-content:center;align-items:center}.login-card{margin-top:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:3rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #000c;width:100%;max-width:400px;text-align:center}.login-card h2{margin-bottom:2rem;letter-spacing:3px;text-transform:uppercase;font-size:1.2rem;color:#fff}.dashboard-container{max-width:800px;margin:2rem auto;padding:0 1rem}.dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.dashboard-tabs button{background:transparent;border:none;color:#888;padding:10px 20px;cursor:pointer;font-weight:700;transition:color .3s}.dashboard-tabs button.active{color:#3498db;border-bottom:2px solid #3498db}.site-selector{background:#172833;color:#fff;border:1px solid #3498db;padding:8px 15px;border-radius:4px;font-weight:700;width:100%}.placeholder-view{text-align:center;padding:3rem;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1);color:#666}.log-builder-wrapper{display:flex;flex-direction:column;gap:15px}.log-composer{position:relative;overflow:hidden;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:15px;box-shadow:0 4px 15px #0000004d}.composer-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.input-group{display:flex;gap:10px;margin-bottom:15px}.input-group input{flex:1;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#fff}.composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.loading-bar{position:absolute;bottom:0;left:0;height:6px;background:linear-gradient(90deg,#3498db,#2ecc71);width:0;opacity:0;z-index:10;transition:width .1s linear}.loading-bar.visible{opacity:1}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.quick-actions-wrapper{width:100%;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.quick-actions button{background:#2c3e50;border:1px solid #34495e;color:#fff;padding:16px 10px;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.quick-actions button:active{background:#3498db;transform:scale(.98)}.mode-tabs{display:flex;background:#0003;border-radius:8px;padding:4px;gap:4px}.mode-tabs button{background:transparent;border:none;color:#888;padding:10px 20px;font-size:.85rem;font-weight:700;border-radius:6px}.mode-tabs button.active{background:#3498db;color:#fff}.btn-clear{background:#7f8c8d;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:700}.input-with-controls{display:flex;align-items:flex-end;background:#1a1a1c;border:1px solid #34495e;border-radius:8px;padding:0;margin:10px 0}.input-with-controls input,.input-with-controls textarea{flex:1;background:transparent;border:none;color:#fff;outline:none;font-family:inherit;font-size:1rem;resize:none}.inner-photo-controls{display:flex;gap:12px;padding-left:10px;margin-bottom:4px}.inner-photo-controls{display:flex;align-items:center;padding-left:10px}.btn-camera-single{background:transparent;border:none;font-size:1.4rem;cursor:pointer;opacity:.8;transition:transform .1s;padding:12px 8px}.btn-camera-single:active{transform:scale(.8)}.mini-preview-circle{position:relative;width:36px;height:36px;border-radius:8px;overflow:hidden;border:2px solid #3498db}.live-dot{position:absolute;bottom:2px;right:2px;color:#e74c3c;font-size:14px;text-shadow:0 0 3px black;pointer-events:none}.remove-badge{position:absolute;top:0;right:0;background:#e74c3ce6;color:#fff;font-size:10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.mini-preview-circle:hover .remove-badge{opacity:1}.mini-preview{position:relative;width:40px;height:40px;border-radius:4px;overflow:hidden}.mini-preview img{width:100%;height:100%;object-fit:cover}.logs-feed{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.log-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-left:4px solid #3498db;padding:1.2rem;margin-bottom:6px;border-radius:8px;transition:all .2s ease}.log-card:hover{background:#ffffff0d;transform:translate(5px)}.shift-card{border-left-color:#27ae60;background:#27ae600d;padding:1rem}.incident-card{border-left-color:#e74c3c;background:#e74c3c14}.shift-start-card{margin-bottom:2rem}.log-card.editing{border-color:#f39c12;background:#f39c1214;box-shadow:0 0 15px #f39c121a;transform:none}.log-meta{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#888;margin-bottom:8px}.log-type{font-weight:700;color:#3498db}.incident-card .log-type{color:#e74c3c}.syncing-badge{color:#3498db;font-weight:700;font-size:.7rem}.btn-edit-pencil{background:none;border:none;color:#3498db;font-size:1rem;cursor:pointer;padding:0 8px;opacity:.6;transition:opacity .2s}.btn-edit-pencil:hover{opacity:1}.inline-edit-form{display:flex;flex-direction:column;gap:12px;animation:slideDown .2s ease-out}.edit-select-mini{background:#0000004d;color:#f39c12;border:1px solid rgba(243,156,18,.3);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.edit-select-site{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px;font-size:.9rem}.inline-edit-form textarea{background:#0003;color:#fff;border:1px solid rgba(52,152,219,.4);border-radius:8px;padding:12px;font-family:inherit;font-size:1rem;line-height:1.4;resize:none}.edit-actions{display:flex;gap:10px;justify-content:flex-end}.btn-save{background:#27ae60;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:700;cursor:pointer}.btn-cancel{background:#ffffff1a;color:#ccc;border:none;padding:8px 15px;border-radius:6px;cursor:pointer}.log-content{font-size:.95rem;line-height:1.5;color:#ffffffe6;margin:10px 0}.log-card-photo{position:relative;width:100%;margin:12px 0;border-radius:6px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.1)}.log-card-photo img{display:block;width:100%;max-height:300px;object-fit:contain}.live-indicator{position:absolute;top:8px;left:8px;background:#2ecc71e6;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:3px;font-weight:700}.log-footer{font-size:.7rem;text-align:right;margin-top:10px;font-style:italic;opacity:.6}.edited-indicator{color:#f39c12;font-weight:700}.status-icon.success{color:#2ecc71}.status-icon.warning{color:#e67e22}.status-icon.danger{color:#e74c3c}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.history-container{display:flex;flex-direction:column;gap:1.5rem}.history-filters{background:#ffffff0d;padding:1rem;border-radius:12px;display:flex;flex-direction:column;gap:12px}.filter-row{display:flex;gap:10px}.filter-row select,.filter-row input{flex:1;background:#1a1a1c;border:1px solid #34495e;color:#fff;padding:10px;border-radius:6px;font-size:.9rem}.date-filters{align-items:center}.date-input{flex:1;display:flex;flex-direction:column;gap:4px}.date-input label{font-size:.7rem;color:#888;text-transform:uppercase;font-weight:700}@media(max-width:480px){.filter-row{flex-direction:column}}.site-info-container{animation:fadeIn .3s ease}.info-header{background:#3498db1a;border-left:4px solid #3498db;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.info-header h2{margin:0;color:#fff;font-size:1.5rem}.site-address{margin:5px 0 0;color:#888;font-size:.9rem}.info-section h3{font-size:.8rem;text-transform:uppercase;color:#3498db;letter-spacing:1px;margin-bottom:10px}.instructions-box{background:#ffffff08;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);line-height:1.6;color:#e0e0e0}.instructions-box p{margin-bottom:1rem}.info-placeholder{text-align:center;padding:4rem 2rem;color:#666;font-style:italic}.rain-mode-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.rain-mode-content small{color:#3498db;letter-spacing:4px;font-weight:700}.rain-mode-content h1{font-size:5rem;color:#fff;margin:1rem 0;text-shadow:0 0 20px rgba(52,152,219,.5)}.rain-mode-content p{color:#666;font-size:.8rem}.gate-code-pill{background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71;padding:4px 12px;border-radius:20px;font-weight:700;cursor:pointer;font-size:.8rem}.contacts-grid{display:flex;flex-direction:column;gap:10px}.contact-pill{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:1rem;border-radius:12px;text-decoration:none;color:#fff;transition:all .2s}.contact-pill:hover{background:#3498db1a;border-color:#3498db;transform:translate(5px)}.contact-pill.emergency{border-left:4px solid #e74c3c;background:#e74c3c0d}.contact-info{display:flex;flex-direction:column}.contact-name{font-weight:700;font-size:1rem}.contact-role{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.contact-phone{font-weight:700;color:#3498db;font-size:.9rem}.contact-pill.emergency .contact-phone{color:#e74c3c}.sop-acknowledgment-box{background:#f39c121a;border:1px solid rgba(243,156,18,.3);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.sop-actions{display:flex;gap:10px;margin-top:10px}.btn-view-sop,.btn-acknowledge{flex:1;padding:12px;border-radius:6px;font-weight:700;text-align:center;cursor:pointer;border:none;font-size:.85rem}.btn-view-sop{background:#3498db;color:#fff;text-decoration:none}.btn-acknowledge{background:#27ae60;color:#fff}.btn-acknowledge:disabled{opacity:.5;cursor:not-allowed}.geo-primer-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow:hidden}.geo-primer-card{background:#1a1a1c;border:1px solid rgba(52,152,219,.3);border-radius:12px;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 40px #00000080;color:#fff;position:relative}.geo-icon-header{font-size:3rem;margin-bottom:1rem}.geo-primer-card h3{margin-top:0;color:#3498db;letter-spacing:1px}.geo-primer-card p{font-size:.9rem;line-height:1.5;color:#ffffffb3}.geo-benefits{text-align:left;background:#ffffff08;padding:15px;border-radius:8px;margin:20px 0}.benefit-item{margin-bottom:12px;display:flex;flex-direction:column}.benefit-item strong{font-size:.8rem;color:#3498db}.benefit-item span{font-size:.75rem;color:#fff9}.geo-actions{display:flex;flex-direction:column;gap:10px}.btn-allow{background:#3498db;padding:14px;font-size:1rem}.btn-skip{background:transparent;border:1px solid rgba(255,255,255,.1);color:#888}.geo-privacy-note{font-size:.65rem!important;margin-top:1.5rem;font-style:italic;opacity:.5}.log-feed-container{display:flex;flex-direction:column;gap:6px;padding:10px 0}.log-entry-card{content-visibility:auto;contain-intrinsic-size:55px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;transition:all .2s ease;display:flex;overflow:visible!important}.log-entry-card:hover{background:#ffffff0d;border-color:#3498db4d}.log-edit-actions{position:absolute;top:8px;right:8px;z-index:100;opacity:0;transition:opacity .2s ease}.log-entry-card:hover .log-edit-actions{opacity:1}.edit-trigger-btn{background:#3498db1a;border:1px solid rgba(52,152,219,.3);color:#3498db;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s}.edit-trigger-btn:hover{background:#3498db;color:#fff}.log-entry-header{--col-count: 4;display:grid;grid-template-columns:minmax(75px,.7fr) repeat(calc(var(--col-count) - 2),1fr) minmax(90px,.6fr);gap:15px;align-items:center;font-size:.75rem;color:#ffffffa8;margin:5px 0;text-transform:uppercase;letter-spacing:.5px;background-color:#00000029;padding:8px;border-radius:8px;border-bottom:2px solid rgba(52,152,219,.34);overflow:visible!important;position:relative;z-index:50}.col-data{display:flex;align-items:center;gap:8px;min-width:0;overflow:visible;position:relative;touch-action:manipulation;background:transparent;transition:background .2s}.col-data:after{content:none!important;display:none!important}.truncate-wrapper{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.col-data[data-full-text=""]{cursor:default}.log-entry-content{margin-left:4px;padding-left:15px;border-left:2px solid rgba(52,152,219,.15);padding-bottom:10px;width:34%;align-self:center}.log-text{font-size:.95rem;line-height:1.5;color:#ffffffe6;white-space:pre-wrap}.log-text.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.expand-link{background:none;border:none;color:#3498db;font-size:.7rem;font-weight:700;cursor:pointer;padding:5px 0;margin-top:5px;text-transform:uppercase;letter-spacing:1px}.log-thread-group{margin-bottom:20px;background:#ffffff05;border-radius:8px;overflow:hidden}.thread-content{margin-left:25px;border-left:2px solid rgba(52,152,219,.2);padding-left:15px;display:flex;flex-direction:column;gap:8px}.log-entry-card.threaded-item{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05)}.log-entry-sub-header{display:flex;align-items:center;gap:10px;margin-bottom:4px;font-size:.7rem;color:#3498dbcc}.edit-mode-container{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:5px}.edit-textarea{width:100%;min-height:100px;background:#0000004d;border:1px solid rgba(52,152,219,.5);border-radius:6px;color:#fff;padding:10px;font-size:.95rem;font-family:inherit;line-height:1.5;resize:vertical}.edit-form-footer{display:flex;justify-content:flex-end}.edit-metadata-row{display:flex;gap:10px;align-items:center;margin-bottom:5px}.edit-select{background:#0006;border:1px solid rgba(52,152,219,.3);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;cursor:pointer;text-transform:uppercase;font-weight:700}.edit-select:focus{border-color:#3498db;outline:none;background:#3498db1a}.save-btn{background:#3498db;color:#fff;border:none;padding:6px 16px;border-radius:4px;font-size:.8rem;font-weight:700;cursor:pointer}.save-btn:hover{background:#2980b9}.log-time-mini{font-weight:700;letter-spacing:.5px}.threaded-item .log-entry-content{width:100%;margin-left:0;padding-left:0;border-left:none}.log-time-trigger{background:none;border:none;padding:2px 6px;margin-left:-6px;border-radius:4px;font-size:.75rem;font-weight:700;color:#ffffff80;cursor:default;display:flex;align-items:center;gap:4px;transition:all .2s ease}.log-time-trigger.has-gps{color:#3498db;cursor:pointer}.log-time-trigger.has-gps:hover{background:#3498db26;color:#fff}.gps-indicator{font-size:.6rem;opacity:.8}.badge-mini{font-size:.6rem;padding:1px 6px;border-radius:3px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.badge-mini.incident{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.edited-indicator{font-size:.6rem;color:#ffffff4d;font-style:italic;margin-left:auto}.responsive-icon{display:none}.expand-link:hover{color:#fff;text-decoration:underline}.log-photo-container{position:relative;margin-top:10px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#000}.log-photo{display:block;width:100%;max-height:500px;object-fit:contain}.photo-badge{position:absolute;top:8px;left:8px;background:#0009;color:#fff;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.2)}.log-entry-card.incident{border-left:4px solid #e74c3c;background:#e74c3c0d}.timestamp-pill{background:#ffffff0d;border:1px solid rgba(52,152,219,.3);color:#fff;padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000004d;text-align:left;margin:2px 0}.timestamp-pill:hover{background:#3498db26;border-color:#3498db;transform:translateY(-2px);box-shadow:0 8px 15px #3498db4d}.timestamp-pill:active{transform:translateY(0)}.time-stack{display:flex;flex-direction:column;line-height:1.1}.time-main{font-size:.7rem;letter-spacing:.5px}.date-sub{font-size:.6rem;opacity:.6;letter-spacing:.12em;padding-left:2px}.time-stack.flat{display:flex;flex-direction:column;line-height:1.1;color:#fff6;padding-left:10px;position:relative}.pill-icon{font-size:.9rem;opacity:.8}.status-err{position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:.75rem}@media print{.log-text.collapsed{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}.log-entry-card{page-break-inside:avoid;background:transparent!important;border:1px solid #eee!important;margin-bottom:8px!important;color:#000!important;display:flex!important;zoom:.85}.expand-link,.pill-icon,.status-err,.feed-header-sticky.header-only,.action-pill{display:none!important}.timestamp-pill{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;color:#000!important;cursor:default!important}.time-main{color:#000!important}.date-sub{opacity:1!important;font-weight:700!important;color:#666!important}.log-entry-content{border-left:none!important;margin-left:0!important;padding:10px 15px!important;width:100%!important}.log-text{font-size:11pt!important;line-height:1.5!important;color:#000!important}.log-photo-container{display:block!important;page-break-inside:avoid!important;border:1px solid #ccc!important;background:#fff!important}.log-photo{max-height:none!important;width:100%!important}.photo-badge{color:#000!important;border-color:#ccc!important}.log-entry-header{background:#f9f9f9!important;border-bottom:1px solid #333!important;color:#000!important;width:100%!important;max-width:none!important;padding:8px 15px!important}.truncate-wrapper{white-space:normal!important}}.admin-container{display:flex;min-height:calc(100vh - 70px)}.admin-sidebar{width:120px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1rem;display:flex;flex-direction:column;gap:10px;border-right:1px solid rgba(255,255,255,.1);transition:width .3s ease}.admin-sidebar button{text-align:left;background:transparent;border:1px solid transparent;transition:all .3s;color:#888;padding:10px;border-radius:4px;cursor:pointer}.admin-sidebar button.active{background:#3498db33;border-color:#3498db;color:#fff}.admin-content{flex:1;padding:2rem;overflow-y:auto;width:90%;max-width:1200px;margin:0 auto}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.admin-form-block{display:flex;flex-direction:column;gap:10px}.table-wrapper{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-table th{height:45px;padding:0 1rem;text-align:left;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;color:#3498db;background:#0d0d0fcc;border-bottom:1px solid rgba(52,152,219,.4);position:sticky;top:0;z-index:10}.admin-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;color:#fff;vertical-align:middle}.admin-table tr{transition:background .2s}.admin-table tr:hover{background:#ffffff05}.admin-table.row-reveal tr:hover .action-pill,.action-pill.open,.admin-table.cell-reveal td:hover .action-pill,.admin-table.cell-reveal td .action-pill.open{opacity:1}.admin-table.cell-reveal td{position:relative}.inline-actions{display:flex;gap:8px;align-items:center;background:#0006;padding:2px 8px;border-radius:4px;border:1px solid rgba(52,152,219,.3)}.action-cell{width:80px;text-align:right;padding-right:15px!important}.action-pill{opacity:0;display:inline-flex;align-items:center;justify-content:flex-end;width:28px;height:28px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.action-pill.open{width:85px;background:#3498db33;border-color:#3498db;overflow:visible}.pill-content{display:flex;gap:12px;padding:0 10px;align-items:center}.icon-btn{cursor:pointer;font-size:.9rem;transition:transform .2s}.icon-btn:hover{transform:scale(1.2)}.gear-icon{color:#666;font-size:.85rem;width:28px;text-align:center}.edit-input{width:100%!important;background:#0000004d!important;border:1px solid #3498db!important;color:#fff;padding:4px 8px;border-radius:4px}@media(max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;height:auto;flex-direction:row;padding:0;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);justify-content:center;position:sticky;top:0;z-index:100}.admin-sidebar button{padding:15px}.admin-sidebar h3{display:none}.admin-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;margin:0 -1rem;padding:0 1rem 15px}.admin-grid .admin-card{min-width:85vw;scroll-snap-align:center}}@media print{.admin-sidebar,.action-pill{display:none!important}.admin-content{padding:0!important;max-width:none!important;width:100%!important}.admin-container{display:block!important}.admin-table{table-layout:auto!important;color:#000!important}.admin-table th,.admin-table td{color:#000!important;border-bottom:1px solid #ddd!important}}.report-builder-container{display:flex;height:calc(100vh - 80px);background:#1a1a1a;gap:20px;padding:20px;transition:all .3s ease}.mobile-view-tabs{display:none;position:sticky;top:0;z-index:100;background:#1a1a1a;padding:10px;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-view-tabs button{flex:1;padding:10px;background:#ffffff0d;border:1px solid transparent;color:#888;border-radius:6px;font-weight:600}.mobile-view-tabs button.active{background:#3498db33;border-color:#3498db;color:#fff}@media screen and (max-width:1023px){.report-builder-container{padding:0;gap:0;display:block;overflow-x:hidden;position:relative}.mobile-view-tabs{display:flex}.report-sidebar,.report-canvas{position:absolute;top:60px;left:0;height:93%;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:0;box-sizing:border-box}.report-sidebar{transform:translate(0);width:100%!important;display:flex;flex-wrap:wrap}.report-canvas{transform:translate(100%);padding:20px;width:100%!important}.report-builder-container.canvas-active .report-sidebar{transform:translate(-100%)}.report-builder-container.canvas-active .report-canvas{transform:translate(0)}}@media screen and (max-width:480px){.report-sidebar{flex-wrap:nowrap}}.report-sidebar{width:300px;background:#ffffff0d;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:20px;overflow:auto}.report-canvas{flex:1;background:transparent;color:#dfdfdf;border-radius:8px;overflow-y:auto;padding:20px;box-shadow:0 10px 30px #00000080}.report-header{border-bottom:2px solid #eee;margin-bottom:30px;padding-bottom:20px}.incident-alert{color:#e74c3c;font-weight:900}.executive-summary{background:#f9f9f9;padding:15px;border-left:4px solid #3498db;margin-bottom:30px;font-style:italic}.stats-panel{background:#ffffff1a;padding:15px;border-radius:8px}@media print{@page{size:auto;margin:.12in}body{margin:0;padding:0;background:#fff!important}.report-sidebar,.nav-header,.print-btn,.pagination-controls{display:none!important}.report-builder-container{display:block;padding:0;margin:0;background:#fff}.report-canvas{width:100%;margin:0;padding:0;box-shadow:none;background:#fff}#printable-doc{width:100%;margin:0;padding:0}body,.report-builder-container{color:#000!important;background:#fff!important}html,body,.report-builder-container,.report-canvas,.canvas-body,.admin-content,.log-feed-container{height:auto!important;overflow:visible!important;display:block!important}.report-canvas{flex:none!important}}
