.ioc-main{max-width:1400px;margin:0 auto;padding:24px 24px 60px}.ioc-summary-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ioc-summary-item{display:flex;align-items:center;gap:20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:20px 24px;flex:1;min-width:220px;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.ioc-summary-item:hover{transform:translateY(-2px);background:var(--bg-card-hover);border-color:var(--border-hover)}.ioc-summary-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all var(--duration-fast)}.ioc-summary-item:hover:before{background:var(--ey-orange)}.ioc-summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;color:var(--text-secondary);flex-shrink:0}.ioc-summary-text{display:flex;flex-direction:column}.ioc-summary-value{font-size:1.625rem;font-weight:800;color:#fff;line-height:1.1;font-family:var(--font-mono, monospace)}.ioc-summary-label{font-size:.74rem;color:var(--text-tertiary);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ioc-summary-in .ioc-summary-icon{background:#ef44441a;color:#ef4444}.ioc-summary-in .ioc-summary-value{color:#ef4444}.ioc-summary-in:hover:before{background:#ef4444}.ioc-summary-out .ioc-summary-icon{background:#10b9811a;color:#10b981}.ioc-summary-out .ioc-summary-value{color:#10b981}.ioc-summary-out:hover:before{background:#10b981}.ioc-summary-smile .ioc-summary-icon{background:#fdd8351a;color:var(--ey-yellow, #fdd835)}.ioc-summary-smile .ioc-summary-value{color:var(--ey-yellow, #fdd835)}.ioc-summary-smile:hover:before{background:var(--ey-yellow, #fdd835)}.ioc-summary-sop .ioc-summary-icon{background:#ff6b351a;color:#ff6b35}.ioc-summary-sop .ioc-summary-value{color:#ff6b35}.ioc-summary-sop:hover:before{background:#ff6b35}.ioc-filter-bar{display:flex;gap:12px;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px 20px}.ioc-filter-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.ioc-filter-group label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888)}.ioc-filter-group select,.ioc-filter-group input[type=date]{background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:#fff;padding:8px 12px;font-size:.82rem;outline:none;transition:border-color .2s,background-color .2s}.ioc-filter-group select:focus,.ioc-filter-group input[type=date]:focus{border-color:var(--ey-orange);background:#f05a3008}.ioc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.ioc-btn-primary{background:linear-gradient(135deg,var(--ey-orange),var(--ey-yellow));color:#000}.ioc-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.ioc-btn-ghost{background:#ffffff0d;color:#fff;border:1px solid var(--border-default)}.ioc-btn-ghost:hover{background:#ffffff14;border-color:var(--border-hover)}.ioc-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.ioc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;min-height:200px}.ioc-capture-card{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;aspect-ratio:1}.ioc-capture-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #00000040;border-color:var(--ey-orange, #f5a623)}.ioc-capture-card img{width:100%;height:100%;object-fit:cover;display:block}.ioc-capture-badge{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ioc-badge-in{background:#ef4444d9;color:#fff}.ioc-badge-out{background:#10b981d9;color:#fff}.ioc-capture-time{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 6px;background:linear-gradient(transparent,#000000bf);font-size:.68rem;color:#ffffffd9;text-align:center}.ioc-capture-conf{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:6px;font-size:.62rem;font-weight:600;background:#0009;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ioc-capture-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.5);background:#0000004d;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2}.ioc-capture-check.checked{background:var(--ey-orange, #f5a623);border-color:var(--ey-orange, #f5a623)}.ioc-capture-check.checked:after{content:"✓";color:#000;font-size:.75rem;font-weight:700}.ioc-gallery.batch-mode .ioc-capture-check{display:flex}.ioc-gallery.batch-mode .ioc-capture-conf{display:none}.ioc-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted, #888)}.ioc-empty-icon{margin-bottom:16px;opacity:.4}.ioc-empty-state p{margin:4px 0;font-size:.95rem}.ioc-empty-hint{font-size:.8rem!important;color:var(--text-tertiary, #666)!important}.ioc-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted, #888);font-size:.9rem}.ioc-spinner{width:28px;height:28px;border:3px solid var(--border-default);border-top-color:var(--ey-orange);border-radius:50%;animation:ioc-spin .8s linear infinite}@keyframes ioc-spin{to{transform:rotate(360deg)}}.ioc-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px}.ioc-page-info{font-size:.85rem;color:var(--text-secondary, #aaa);font-weight:500}.ioc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;animation:ioc-fade-in .25s ease-out}@keyframes ioc-fade-in{0%{opacity:0}to{opacity:1}}.ioc-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ioc-lightbox-content{position:relative;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.ioc-lightbox-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:1.4rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.ioc-lightbox-close:hover{background:#ef4444b3}.ioc-lightbox-image-wrap{display:flex;align-items:center;justify-content:center;min-width:400px;min-height:300px;max-height:70vh;overflow:auto}.ioc-lightbox-image-wrap canvas{max-width:100%;max-height:70vh;object-fit:contain}.ioc-lightbox-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px;color:var(--text-muted, #888);font-size:.85rem}.ioc-lightbox-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px;color:var(--text-muted, #888)}.ioc-lightbox-meta{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--border-default);font-size:.82rem;color:var(--text-secondary)}.ioc-badge{padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase}.ioc-lightbox-actions{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--border-default)}@media (max-width: 768px){.ioc-main{padding:16px 12px 40px}.ioc-summary-bar{gap:8px}.ioc-summary-item{padding:12px 16px}.ioc-filter-bar{padding:12px;gap:8px}.ioc-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.ioc-lightbox-image-wrap{min-width:280px;min-height:200px}}