:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #02493FFF;--danger-color: #E04E4AFF;--text-color: #333333FF;--text-light: #ffffff;--bg-light: #ffffff;--bg-muted: #f6f5f5;--border-light: #ddd}body{margin:0;background-color:var(--bg-muted);color:var(--text-color)}h1{font-size:3.2em;line-height:1.1}h2,p,label{color:var(--text-color)}a{font-weight:500;color:var(--text-color);text-decoration:none}a:hover{color:var(--primary-color)}button{font-family:inherit;font-weight:500;font-size:1em;padding:.6em 1.2em;border:none;cursor:pointer;transition:all .2s;color:var(--text-light);background-color:var(--primary-color)}button:hover{filter:brightness(1.05)}button:active{transform:scale(.98)}button:disabled{background-color:#ddd;color:#888;cursor:not-allowed}input,textarea{font-family:inherit;font-size:1em;padding:10px 12px;border:1px solid var(--border-light);border-radius:4px;outline:none;transition:border .2s,box-shadow .2s}input:focus,textarea:focus{border:1px solid var(--primary-color);box-shadow:0 0 0 3px #02493f26}.card{background:var(--bg-light);padding:2rem;border:1px solid rgba(0,0,0,.04);border-radius:8px;box-shadow:0 12px 40px #00000014}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center}.modal{background:var(--bg-light);padding:2rem;border-radius:8px;min-width:300px}.grid{column-count:4;column-gap:12px;padding:16px 32px}.grid-item .badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--primary-color);color:var(--text-light);display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}.login-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.form-column{display:flex;flex-direction:column;gap:12px}.info-text{font-size:12px;color:#888}.error-text{font-size:13px;color:var(--danger-color)}.link-button{background:transparent;color:var(--primary-color);border:none;padding:0;font-size:13px;cursor:pointer;align-self:flex-start}@media(max-width:768px){.card{width:90%;padding:1.5rem}}.header{display:flex;flex-direction:column;position:sticky;top:0;z-index:20;background-color:var(--bg-light);box-shadow:0 2px 5px #0000000d;width:100%;padding:0}.header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 32px;box-sizing:border-box}.header-left,.header-right{display:flex;align-items:center;gap:16px}.header-left img{max-height:50px;width:auto}.header h2{margin:0;font-size:20px}.sticky-bar{position:sticky;top:100%;width:100%;z-index:15;padding:10px 32px;background-color:var(--primary-color);color:var(--text-light);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;box-sizing:border-box}.sticky-bar button{padding:4px 8px;font-size:13px;border-radius:4px}button.success{background-color:var(--primary-color);color:var(--text-light)}button.danger{background-color:var(--danger-color)}.grid{column-count:4;column-gap:12px;padding:16px 32px;margin-top:8px}.grid-item{break-inside:avoid;margin-bottom:12px;position:relative;cursor:pointer}.grid-item img{width:100%;height:auto;border-radius:4px;border:2px solid var(--border-light);transition:border .2s}.grid-item.selected img{border:4px solid var(--primary-color)}.badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--primary-color);color:var(--text-light);display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}footer{padding:12px 32px;text-align:center;font-size:12px;color:#888;border-top:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;gap:4px}.footer-credit{display:flex;align-items:center;gap:4px;font-size:12px;color:#555}.footer-credit img{height:16px}@media(max-width:1024px){.grid{column-count:3}}@media(max-width:768px){.header-inner{flex-direction:column;align-items:center;padding:12px 16px}.header-left{flex-direction:column;align-items:center;gap:4px}.header-left h2{font-size:18px;text-align:center}.header-right{flex-direction:column;width:100%;margin-left:0;gap:8px}.header-right button{width:100%;text-align:center}.sticky-bar{padding:10px 16px;font-size:13px}.grid{column-count:2;padding:12px 16px}}@media(max-width:480px){.grid{column-count:1;padding:8px 12px}.sticky-bar{padding:10px 12px;font-size:13px}.header-left h2{font-size:16px}}