*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:.75rem}::-webkit-scrollbar-track{background:#3741514d}::-webkit-scrollbar-thumb{background:#6b7280;border-radius:.375rem}::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root{--color-header-bg: #1a365d;--color-footer-bg: #1a365d;--color-form-bg: #6b7280;--color-nav-bg: #374151;--color-text-light: #f9fafb;--color-text-dark: #111827;--color-border: #4b5563;--color-accent: #3b82f6;--header-height: 4rem;--footer-height: 3rem;--nav-width: 4.25rem;--nav-btn-size: 3.375rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}html,body{height:100%;width:100%;overflow:hidden;font-family:var(--font-family);font-size:16px;line-height:1.5;background:#111827;color:var(--color-text-light)}#app{height:100%;width:100%;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:.25rem;padding:.5rem .75rem;background:#1f2937;color:var(--color-text-light)}input:focus{outline:none;border-color:var(--color-accent)}input::placeholder{color:#9ca3af}select{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:.25rem;padding:.5rem .75rem;background:#1f2937;color:var(--color-text-light);cursor:pointer}select:focus{outline:none;border-color:var(--color-accent)}.splash-screen{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#fff,#fff,#e0f0ff 20%,#a8d4f0,#87ceeb 50%,#4a90c2);padding:1.5rem}.splash-logo{width:26.25rem;height:26.25rem;object-fit:contain;margin-top:7em;margin-bottom:2rem}.splash-form{width:100%;max-width:17.5rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:5rem}.splash-form .form-group{display:flex;flex-direction:column;gap:.25rem}.splash-form input{width:100%;background:#fff;border:.1875rem solid #93c5fd;color:#1f2937;padding:.75rem 1rem;border-radius:.5rem;font-size:1.125rem}.splash-form input::placeholder{color:#6b7280}.splash-form input:focus{border-color:#3b82f6;outline:none}.splash-form .error-text{font-size:.75rem;color:#dc2626;min-height:1rem}.splash-form button{margin-top:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6b7280cc,#4b5563e6);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;font-weight:600;font-size:1.125rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000040,0 2px 4px #00000026,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1)}.splash-form button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #00000059,0 3px 8px #0003,inset 0 1px #fff3;border-color:#ffffff4d}.splash-form button:active:not(:disabled){transform:scale(1)}.splash-form button:disabled{background:linear-gradient(135deg,#9ca3af99,#6b7280b3);cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 2px 6px #00000026}.form-spacer{height:3rem}.splash-footer{position:absolute;bottom:1.25rem;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.company-info{display:flex;align-items:center;gap:.75rem}.company-logo{width:2.5rem;height:2.5rem;object-fit:contain}.company-name{color:#fff;font-size:1rem;font-weight:600}.copyright{color:#ffffffb3;font-size:.75rem;text-align:center}.main-layout{height:100%;width:100%;display:flex;flex-direction:column}.app-header{height:var(--header-height);background:var(--color-header-bg);display:flex;align-items:center;justify-content:center;padding:0 1rem;flex-shrink:0;z-index:100;border-bottom:2px solid #000000}.app-footer{height:var(--footer-height);background:var(--color-footer-bg);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;flex-shrink:0;z-index:100;border-top:2px solid #000000}.app-body{flex:1;position:relative;overflow:hidden;width:100%;min-height:0}.nav-column{position:absolute;top:0;bottom:0;width:var(--nav-width);background:var(--color-nav-bg);display:flex;flex-direction:column;padding:.5rem;gap:.5rem;z-index:50}.nav-column.left{left:0}.nav-column.right{right:0}.nav-column.nav-overlay{background:transparent!important;pointer-events:none}.nav-column.nav-overlay .nav-btn,.nav-column.nav-overlay .mode-toggle-btn{pointer-events:auto}.mode-toggle-btn{flex-shrink:0}.nav-buttons{display:flex;flex-direction:column;gap:.5rem}.search-spacer{flex:1;min-height:.5rem}.two-button-spacer{height:calc(.5 * var(--nav-btn-size));flex-shrink:0}.bottom-spacer{flex:1}.nav-btn{width:var(--nav-btn-size);height:var(--nav-btn-size);border-radius:.75rem;box-shadow:inset 0 0 0 1px #000;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background-image:url(/grainyred.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.6);cursor:pointer}.nav-btn:hover{filter:brightness(.85)}.nav-btn:active,.nav-btn.active{filter:brightness(1.2)}.nav-btn-gray{filter:brightness(.75) hue-rotate(200deg) saturate(.5)}.nav-btn-gray:hover{filter:brightness(.85) hue-rotate(210deg) saturate(.7)}.nav-btn-gray:active,.nav-btn-gray.active{filter:brightness(1) hue-rotate(220deg) saturate(1.2)}.nav-btn-red{filter:brightness(.6) hue-rotate(0deg)}.nav-btn-red:hover{filter:brightness(1) hue-rotate(0deg)}.nav-btn-red:active,.nav-btn-red.active{filter:brightness(1.2) hue-rotate(0deg)}.nav-btn-tan{filter:brightness(.9) hue-rotate(180deg) saturate(1)}.nav-btn-tan:hover{filter:brightness(1) hue-rotate(180deg) saturate(1.2)}.nav-btn-tan:active,.nav-btn-tan.active{filter:brightness(1.15) hue-rotate(180deg) saturate(1.5)}.nav-btn-amber{filter:brightness(.7) hue-rotate(45deg) saturate(1.5)}.nav-btn-amber:hover{filter:brightness(1) hue-rotate(45deg) saturate(1.6)}.nav-btn-amber:active,.nav-btn-amber.active{filter:brightness(1.2) hue-rotate(45deg) saturate(1.8)}.page-content{position:absolute;top:0;bottom:0;left:0;right:0;background:#374151;overflow:auto;z-index:1;border:none}.page-content.nav-left{left:var(--nav-width);z-index:auto;border-right:2px solid #000000}.page-content.nav-right{right:var(--nav-width);z-index:auto;border-left:2px solid #000000}.page-content.full-width{background:transparent}.page-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.page-placeholder h2{font-size:1.5rem;margin-bottom:.5rem}.tag-selector{position:relative;min-width:12.5rem;max-width:18.75rem}.tag-selector-btn{width:100%;padding:.5rem .75rem;background:#2d3748;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;color:#fff}.tag-selector-btn:hover{background:#374151}.tag-color-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.tag-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#2d3748;border-radius:.375rem;box-shadow:0 4px 12px #0000004d;overflow:hidden;z-index:200}.tag-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:.5rem;padding:.625rem .75rem;align-items:center;cursor:pointer;transition:background .1s}.tag-row:hover{background:#374151}.tag-row.selected{background:#3b82f6}.tag-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-stat{font-size:.75rem;color:#9ca3af;display:flex;align-items:center;gap:.125rem}.tag-row.selected .tag-stat{color:#e5e7eb}.ol-zoom{top:.5em!important;left:unset!important;right:unset!important}.ol-zoom.ol-control{background:transparent!important;padding:0!important}.ol-zoom button{width:2.25rem!important;height:2.25rem!important;font-size:1.125rem!important;font-weight:700!important;line-height:2.25rem!important;background:#fffffff2!important;border-radius:.25rem!important;margin:1px 0!important;border:1px solid #d1d5db!important;box-shadow:0 1px 3px #0000004d!important;color:#1f2937!important;display:block!important}.ol-zoom button:hover{background:#fff!important}.ol-zoom button:focus{background:#fff!important;outline:none!important}@media (max-width: 479px){:root{--header-height: 4rem;--footer-height: 3rem;--nav-width: 3.625rem;--nav-btn-size: 2.8125rem}.splash-logo{width:15rem;height:15rem;margin-top:5rem;margin-bottom:1rem}.form-spacer{height:0}.splash-form{max-width:16.25rem;gap:.5rem;margin-bottom:3.75rem}.splash-form .form-group{gap:.125rem}.splash-form input{font-size:1rem;padding:.625rem .75rem;width:16.25rem}.splash-form button{font-size:1rem;padding:.75rem 1.25rem;margin-top:.25rem}.splash-form button:hover:not(:disabled){transform:scale(1.04)}.splash-footer{bottom:.75rem}.company-logo{width:1.75rem;height:1.75rem}.company-name{font-size:.8125rem}.copyright{font-size:.625rem;padding:0 1rem}.tag-selector{min-width:10rem}}@media (min-width: 768px){:root{--header-height: 4rem;--footer-height: 3rem;--nav-width: 5rem;--nav-btn-size: 4rem}}@media (min-width: 1024px){:root{--header-height: 4rem;--footer-height: 3rem;--nav-width: 5.5rem;--nav-btn-size: 4.5rem}.app-body{max-width:90rem;margin:0 auto}}@media (min-width: 1280px){.app-body{max-width:100rem}}.btn-base{position:relative;isolation:isolate;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.3);border-radius:.375rem;font-weight:600;font-size:.875rem;color:#fff;background:none;cursor:pointer;white-space:nowrap}.btn-base:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-image:url(/grainyred.png);background-size:cover;background-position:center;filter:brightness(.6) hue-rotate(210deg) saturate(.7);transition:filter .2s}.btn-base:hover:not(:disabled):before{filter:brightness(.8) hue-rotate(210deg) saturate(.8)}.btn-base:active:not(:disabled):before,.btn-base.active:before{filter:brightness(.95) hue-rotate(210deg) saturate(.9)}.btn-base:disabled:before{filter:brightness(.2) hue-rotate(210deg) saturate(.4);color:#444}.btn-base:disabled{cursor:not-allowed;opacity:.7}.btn-w-auto{width:auto}.btn-w-full{width:100%}.btn-w-sm{min-width:4rem}.btn-w-md{min-width:6rem}.btn-w-lg{min-width:8rem}.btn-w-xl{min-width:10rem}.input-base{padding:.5rem .75rem;background-image:url(/grainyred.png);background-size:cover;background-position:center;filter:saturate(0) brightness(.8);border:2px solid #4b5563;border-radius:.375rem;color:#e5e7eb;font-size:.875rem;transition:border-color .2s}.input-base:focus{filter:saturate(0) brightness(1.1);outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-base:disabled{opacity:.5;cursor:not-allowed}.input-base::placeholder{color:#9ca3af}.input-w-auto{width:auto}.input-w-full{width:100%}.input-w-sm{width:8rem}.input-w-md{width:11rem}.input-w-lg{width:14rem}.input-w-xl{width:18rem}.select-base{padding:.5rem .75rem;background-image:url(/grainyred.png);background-size:cover;background-position:center;filter:saturate(0) brightness(.7);border:2px solid #4b5563;border-radius:.375rem;color:#e5e7eb;font-size:.875rem;cursor:pointer;transition:border-color .2s}.select-base:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-w-auto{width:auto}.select-w-full{width:100%}.select-w-sm{width:8rem}.select-w-md{width:11rem}.select-w-lg{width:14rem}.select-w-xl{width:18rem}