body{background-color:#181a1b;font-family:sans-serif;margin:0}body.modal-open .month-wrapper>h1,body.modal-open .toggle-buttons{z-index:1000}div,h1,h2,p,span{color:#fff}h1,h2{text-align:center;transition:color .3s ease;-webkit-user-select:none;user-select:none}h1:hover,h2:hover{color:#ccc;cursor:pointer}.toggle-buttons{background-color:#181a1b;border-bottom:1px solid #333;margin:20px 0;padding:10px 0;position:sticky;text-align:center;top:0;z-index:1000}.toggle-buttons button{background:#444;border:none;border-radius:8px;color:#fff;cursor:pointer;margin:0 5px;padding:8px 16px;transition:background .3s ease}.toggle-buttons button:hover{background:#666}.month-header{background:#181a1b;border-bottom:1px solid #333;position:sticky;top:50px;z-index:900}.day-wrapper,.month-wrapper{box-sizing:border-box;margin:40px 0;padding:10px 20px;width:100%}.month-content{display:block;width:100%}.month-wrapper>h1{background-color:#181a1b;border-bottom:1px solid #333;padding:10px 0;position:sticky;top:60px;z-index:1001}.image-row{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow:visible;padding:0 10px;width:100%}.plate-card{word-wrap:break-word;background:#111;border-radius:8px;box-shadow:0 2px 5px #0000004d;margin-bottom:10px;padding:8px;text-align:center;transition:transform .2s ease;width:100%}.plate-card:hover{transform:scale(1.03)}.plate-card img{border-radius:6px;height:180px;margin-bottom:5px;object-fit:cover}html{scroll-behavior:smooth}#observer{clear:both;height:40px;margin-top:100px;visibility:hidden}body.compact .plate-card img{height:120px}body.compact .plate-card{font-size:12px;padding:4px}#imageModal{align-items:center;background-color:#000000f2;display:none;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10002!important}#modalImage{border-radius:8px;box-shadow:0 4px 20px #0009;margin-bottom:20px;max-height:60vh;object-fit:contain;width:100%}#imageModal span{color:#f1f1f1;cursor:pointer;font-size:40px;font-weight:700;position:absolute;right:35px;top:15px;z-index:10000}#plateHistory{background-color:#222;border-radius:8px;box-shadow:0 2px 5px #0006;color:#ccc;font-size:14px;max-height:300px;text-align:left;width:100%}#plateHistory ul{list-style:none;margin-top:10px;padding:0}#plateHistory li a:hover{color:#fff;text-decoration:underline}.highlight-flash{outline:3px solid #0ff;transition:outline .4s ease}body.modal-open .month-wrapper>h1,body.modal-open .toggle-buttons{opacity:.3;pointer-events:none;position:relative;z-index:10001}#imageModal .content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:20px;width:100%}#plateHistory{flex-grow:1;margin-top:20px;max-height:60vh;overflow-y:auto;padding:20px}.highlight-flash{animation:flash .5s ease-in-out 2;border-radius:6px;outline:2px solid #0ff}@keyframes flash{0%{outline-color:#0000}50%{outline-color:#0ff}to{outline-color:#0000}}.subtle-flash{animation:subtleFlash .8s ease-in-out}@keyframes subtleFlash{0%{background-color:#00ffff26}to{background-color:initial}}.App{text-align:center}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content{margin:0 auto;max-width:1100px;padding:0 16px 16px}.controls-sticky{background:#555;border-radius:8px;box-shadow:0 1px 2px #0000001f;color:#fff;margin-top:8px;padding:10px 12px;position:sticky;top:0;z-index:7}.controls-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto auto}.controls-sticky input[type=datetime-local],.controls-sticky input[type=text]{border:1px solid #ccc;border-radius:8px;padding:8px 10px;width:100%}.controls-sticky button{background:#333;border:1px solid #888;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.controls-hint{color:#e6e6e6;font-size:12px;justify-self:end}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:8px}.date-header{background:#555;border-radius:8px;box-shadow:0 1px 2px #0000001f;color:#fff;grid-column:1/-1;padding:8px 10px 4px;position:sticky;top:56px;top:var(--controls-offset,56px);z-index:5}.date-header h1{font-size:1.25rem;margin:0}.date-header hr{border:0;border-top:1px solid #fff3;margin-top:6px}.plate-card{background:#555;border:1px solid #eee;border-radius:10px;box-shadow:0 1px 4px #0000000f;cursor:pointer;overflow:hidden}.plate-card img{display:block;height:auto;width:100%}.plate-meta{color:#eee;font-size:14px;padding:8px 10px}.plate-line{margin:2px 0}.end-cap,.load-sentinel{color:#777;margin:24px 0;text-align:center}.modal-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:9999}.modal{background:#111;border-radius:12px;color:#eee;display:grid;grid-template-columns:2fr 1fr;height:90vh;overflow:hidden;width:min(1100px,90vw)}.preview-panel{flex-direction:column;gap:12px;padding:16px}.preview-frame,.preview-panel{background:#000;display:flex;min-height:0}.preview-frame{align-items:center;flex:1 1;justify-content:center}.preview-frame img{display:block;max-height:100%;max-width:100%;object-fit:contain}.history-panel{border-left:1px solid #333;min-height:0;overflow:auto;padding:16px}.history-panel h3{margin:0 0 8px}.history-list{list-style:none;margin:0;padding:0}.history-card{background:#2a2a2a;border:1px solid #333;border-radius:12px;box-shadow:0 1px 2px #0003;cursor:pointer;margin:0 0 10px;padding:10px 12px;transition:transform .06s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.history-card:hover{background:#333;border-color:#444;transform:translateY(-1px)}.history-card.selected{background:#1f1f1f;border-color:#888;box-shadow:inset 0 0 0 2px #ffffff0f}.history-row-top{color:#eee;font-weight:600}.history-row-sub{color:#cfcfcf;font-size:12px;margin-top:2px}@media (max-width:900px){.modal{grid-template-columns:1fr;grid-template-rows:1fr 40vh}.history-panel{border-left:none;border-top:1px solid #333;min-height:0;overflow:auto}}
/*# sourceMappingURL=main.e2386be0.css.map*/