:root{--ink: #14181d;--panel: rgba(20, 24, 29, .88);--panel-border: rgba(255, 255, 255, .08);--text: #eef1f4;--text-dim: #9aa3ad;--ocre: #e0a526;--radius: 10px;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--text)}.app{position:relative;height:100%;overflow:hidden}.brand{position:absolute;top:16px;left:16px;z-index:5;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);padding:10px 16px 12px;border-left:3px solid var(--ocre)}.brand h1{font-family:Fraunces,serif;font-weight:600;font-size:1.25rem;letter-spacing:.01em;line-height:1.1}.brand span{font-size:.72rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.modes{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius)}.modes button{border:0;background:transparent;color:var(--text-dim);font:500 .8rem Inter,sans-serif;padding:7px 12px;border-radius:7px;cursor:pointer}.modes button:hover{color:var(--text)}.modes button.active{background:var(--ocre);color:#1d1709}.modes button:focus-visible{outline:2px solid var(--ocre);outline-offset:1px}.legend{position:absolute;bottom:36px;left:16px;z-index:5;display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);padding:10px 14px;font-size:.74rem;color:var(--text-dim)}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px;vertical-align:-1px}.panel{position:absolute;top:16px;right:16px;bottom:16px;z-index:6;width:min(340px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.panel header{display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ocre)}.panel h2{font-family:Fraunces,serif;font-weight:600;font-size:1.15rem;margin-top:2px}.ghost{background:none;border:0;color:var(--text-dim);font-size:1rem;cursor:pointer}.ghost:hover{color:var(--text)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.facts dt{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.facts dd{font-size:.9rem;margin-top:2px}.panel label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--text-dim)}.panel label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:.85rem}.panel select,.panel input[type=text],.panel input:not([type]){background:#ffffff0f;color:var(--text);border:1px solid var(--panel-border);border-radius:7px;padding:8px 10px;font:400 .85rem Inter,sans-serif}.panel select:focus,.panel input:focus{outline:2px solid var(--ocre);outline-offset:-1px}.panel input[type=checkbox]{accent-color:var(--ocre);width:15px;height:15px}.occurrences h3{font-size:.85rem;font-weight:600}.occurrences .count{background:#ffffff1a;border-radius:99px;font-size:.7rem;padding:1px 7px;margin-left:6px;color:var(--text-dim)}.occurrences ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:8px}.occurrences li{background:#ffffff0a;border-radius:7px;padding:8px 10px;font-size:.8rem;border-left:2px solid var(--text-dim)}.occurrences li[data-estado=aberta]{border-left-color:var(--ocre)}.occurrences li p{color:var(--text-dim);margin-top:2px}.occurrences time{font-size:.7rem;color:var(--text-dim)}.empty{font-size:.78rem;color:var(--text-dim);margin-top:6px}.new-occ{display:flex;gap:6px;margin-top:10px}.new-occ input{flex:1;min-width:0}.new-occ button{background:var(--ocre);color:#1d1709;border:0;border-radius:7px;font:600 .78rem Inter,sans-serif;padding:0 12px;cursor:pointer}.new-occ button:hover{filter:brightness(1.08)}.msg{font-size:.75rem;color:var(--ocre)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (max-width: 640px){.modes{top:auto;bottom:96px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px)}.legend{bottom:36px}.panel{top:auto;max-height:60vh}}