:root{--page-width:1000px;--border-color:#e2e8f0;--accent-color:#2563eb;--accent-color-rgb:37,99,235;--muted-text-color:#475569;--normal-text-color:#0f172a;--small-text-size:0.9rem;--tiny-text-size:0.8rem;--white-color:#ffffff;--box-radius:12px;--box-shadow:0 10px 20px rgba(2,6,23,.08),0 2px 6px rgba(2,6,23,.04);--input-element-radius:8px;--bg:#f8fafc;--surface:#ffffff;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--accent:#2563eb;--accent-rgb:37,99,235;--radius:12px;--shadow:0 10px 20px rgba(2,6,23,.08),0 2px 6px rgba(2,6,23,.04);--space-1:.25rem;--space-2:.5rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--maxw:1000px}*,*::before,*::after{box-sizing:border-box}.login-box{width:min(480px,100%);display:grid;gap:var(1.5rem);background:var(--white-color);border:1px solid var(--border-color);border-radius:var(--box-radius);box-shadow:var(--box-shadow);padding:3rem;margin-inline:auto;margin-top:15vh}.form-group{display:grid;gap:1rem}html{font-size:16px}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";line-height:1.5;color:var(--normal-text-color);background:radial-gradient(1200px 800px at 20% -10%,rgba(37,99,235,.07),transparent 100%) no-repeat,radial-gradient(900px 600px at 120% 10%,rgba(14,165,233,.08),transparent 100%) no-repeat,#f8fafc;background-attachment:fixed}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--white-color) 88%,transparent);border-bottom:1px solid var(--border-color)}.header-inner{max-width:var(--page-width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.header-left{display:flex;align-items:center;gap:.6rem;font-weight:700}.header-left .badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;font-size:.8rem;background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color);border:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent)}.header-middle{position:absolute;left:50%;transform:translateX(-50%);text-align:center;display:none;align-items:center;justify-content:center;height:100%;color:grey;font-style:italic}.header-right{display:flex;gap:.75rem}.header-right div{padding:.45rem .75rem;color:grey}.header-right a{padding:.45rem .75rem;border-radius:8px;color:var(--normal-text-color)}.header-right a.logout{background:color-mix(in srgb,var(--accent-color) 10%,transparent)}.footer{margin-top:2.5rem;margin-bottom:3rem;text-align:center;color:var(--muted-text-color);font-size:var(--small-text-size)}.container{max-width:var(--page-width);margin-inline:auto;padding-top:2rem;padding-left:1rem;padding-right:1rem}.container-inner{background:var(--white-color);border:1px solid var(--border-color);border-radius:var(--box-radius);box-shadow:var(--box-shadow);padding:clamp(1.25rem,2vw,2rem)}h1{margin:0 0 0.5rem;font-size:clamp(1.25rem,2.5vw,1.75rem)}fieldset{border:2px dashed var(--border-color);border-radius:10px;padding:1.25rem;padding-top:0.5rem;margin-top:1.5rem;margin-bottom:1.5rem}legend{padding:0 .5rem;font-weight:600;color:var(--muted-text-color)}legend-deadline{color:red}fieldset p{margin-top:0;margin-bottom:1rem}fieldset p:last-child{margin-bottom:0}.input-block{background:color-mix(in srgb,var(--accent-color) 4%,var(--white-color));border:1px solid var(--border-color);border-radius:var(--box-radius);box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.05)}.hint-block{font-size:var(--small-text-size);color:var(--muted-text-color)}input,select,textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--border-color);border-radius:var(--input-element-radius);background:color-mix(in srgb,var(--white-color) 100%,transparent);color:var(--normal-text-color)}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.25)}input[type="checkbox"],input[type="radio"]{width:auto}.btn{inline-size:max-content;padding:.7rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--white-color);color:var(--normal-text-color);font-weight:600;cursor:pointer}.btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--white-color)),var(--white-color));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent-color)}.btn.primary:hover{background:color-mix(in srgb,var(--accent-color) 6%,var(--white-color))}.selector{max-width:520px;margin:0 auto;border-radius:var(--box-radius);padding:16px;font-size:var(--tiny-text-size);background-color:white}.selector__searchwrapper{position:relative}.selector__list{margin:10px 0 8px;padding:0;list-style:none;border:1px solid var(--border-color);border-radius:var(--box-radius);height:280px;overflow:auto}.selector__summary{font-size:var(--small-text-size);color:var(--muted-text-color)}.selector__item{display:block;border-bottom:1px solid #f1f5f9}.selector__item:last-child{border-bottom:0}.selector__row{display:flex;gap:10px;align-items:center;padding:5px 12px;cursor:pointer}.selector__row:hover{background:#f8fafc}.selector__checkbox{width:16px;height:16px;flex:0 0 auto;accent-color:#2563eb;cursor:pointer}.selector__name{flex:1 1 auto;user-select:none}.hl{font-weight:700}.n_offers-input-block{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:0.1rem;column-gap:1rem;margin:1rem 0;padding:0.75rem}.stepper{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:999px;background:var(--surface)}.stepper input{width:4ch;padding:.5rem .2rem;border:0;background:transparent;text-align:center;font-weight:700}.stepper input:focus{outline:none;box-shadow:none}.btn-icon{inline-size:2.1rem;block-size:2.1rem;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 6%,var(--surface));font:inherit;cursor:pointer}.btn-icon:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.ranking-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.ranking-zone{padding:1rem;overflow-y:auto;overflow-x:hidden;height:500px}.empty-list-message{text-align:center;font-size:30px;color:lightgrey;font-style:italic;position:absolute}ul#ranked-contenders:has(li)>.empty-list-message{display:none}.ranking-zone ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none;height:100%;align-content:start}.ranking-zone li{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border:1px solid var(--border-color);border-radius:999px;background:var(--white-color);box-shadow:var(--box-shadow);height:47px;cursor:grab;min-width:0}.ranking-zone .spacer{height:50px}.ranking-circle{width:1.75rem;height:1.75rem;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;font-weight:700;background:color-mix(in srgb,var(--accent-color) 16%,transparent);color:var(--accent-color);border:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent)}.ranking-name{font-weight:700;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-id{color:var(--muted-text-color);font-size:.85rem;font-style:italic;flex:0 0 auto;display:none}.ranking-clear{border:none;background:none;margin-left:auto;font-size:18px;cursor:pointer;color:gray;flex:0 0 auto}.ranking-clear:hover{color:black}.floating-bubble{position:absolute;display:none;z-index:1000;max-width:400px;padding:10px 12px;background:#1f2937;color:white;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:14px;line-height:1.35}.floating-bubble::before{content:'';position:absolute;top:-10px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:11px solid #1f2937}.info-grid-container{display:grid;place-items:center;padding-bottom:16px}.info-grid-container th{padding-right:10px;text-align:right}.info-grid-container td{padding-left:10px}.preferred-name-block{padding:1rem;margin-top:1.5rem;margin-bottom:1.5rem}.toggle-row{display:flex;align-items:center;justify-content:space-between}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:34px;background:color-mix(in srgb,var(--accent-color) 15%,transparent);border:1px solid var(--border-color);transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:white;border-radius:50%;transition:.4s;box-shadow:0 1px 2px rgba(0,0,0,.2)}.switch input:checked + .slider{background:var(--accent-color);border-color:var(--accent-color)}.switch input:checked + .slider:before{transform:translateX(18px)}.role-switcher-grid{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.role-switcher-grid a{color:inherit;text-decoration:none;cursor:default}.role-switcher-grid a:visited{color:inherit;text-decoration:none}.role-switcher-grid a:hover,.role-switcher-grid a:focus,.role-switcher-grid a:active{color:inherit;text-decoration:none;cursor:inherit}.pill-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border-radius:999px;border:1px solid var(--border-color);background:var(--white-color);color:var(--normal-text-color);cursor:pointer;text-align:left}.pill-btn:hover{border-color:color-mix(in srgb,var(--accent-color) 40%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 6%,var(--white-color))}.pill-text{display:grid;gap:.15rem}.pill-title{font-weight:700;line-height:1.2}.pill-meta{color:var(--muted);font-size:.9rem}.saving-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:radial-gradient(1200px 800px at 20% -10%,rgba(255,255,255,0.06),transparent 60%),radial-gradient(1000px 700px at 120% 110%,rgba(255,255,255,0.04),transparent 60%),rgba(10,10,15,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s ease;color:#ffffff}.saving-overlay.is-visible{opacity:1;pointer-events:auto}.saving-overlay__panel{display:inline-flex;flex-direction:column;align-items:center;gap:14px;padding:28px 32px;border-radius:20px;background:linear-gradient(180deg,rgba(22,22,30,0.55),rgba(22,22,30,0.35));box-shadow:0 10px 30px rgba(0,0,0,.35);outline:1px solid rgba(255,255,255,0.08)}.saving-overlay__label{font-size:clamp(14px,2.2vw,16px);letter-spacing:.02em;opacity:.95;user-select:none}.saving-overlay__spinner{display:block;animation:saving-spin 1.1s linear infinite}.saving-overlay__arc{animation:saving-dash 1.4s ease-in-out infinite}@keyframes saving-spin{to{transform:rotate(360deg)}}@keyframes saving-dash{0%{stroke-dasharray:1,140;stroke-dashoffset:0}50%{stroke-dasharray:90,140;stroke-dashoffset:-35}100%{stroke-dasharray:1,140;stroke-dashoffset:-124}}@media (prefers-reduced-motion:reduce){.saving-overlay__spinner,.saving-overlay__arc{animation:none}}.mobile_footer{display:none}@media (max-width:900px){:root{--page-width:min(100%,720px);--maxw:min(100%,720px)}body{background-attachment:scroll}.header-inner{flex-wrap:wrap;gap:.5rem;justify-content:center}.header-left{flex:1 1 100%;justify-content:center;text-align:center}.header-left img{height:26px}.header-right{flex:1 1 100%;justify-content:center;flex-wrap:wrap}.header-right a,.header-right div{padding:.4rem .65rem}.header-middle{position:static;transform:none;order:3;width:100%;display:flex!important;justify-content:center}.container{padding-left:.75rem;padding-right:.75rem;padding-top:1.5rem}.container-inner{padding:clamp(1rem,4vw,1.5rem)}.login-box{padding:clamp(1.75rem,6vw,2.5rem);margin-top:12vh}fieldset{padding:1rem}.info-grid-container{place-items:stretch}.info-grid{width:100%;border-spacing:0}.info-grid tr{display:grid;grid-template-columns:1fr;gap:.2rem;padding:.6rem 0}.info-grid tr + tr{border-top:1px solid var(--border-color)}.info-grid-container th,.info-grid-container td{padding:0;text-align:left}.toggle-row{flex-direction:column;align-items:flex-start;gap:.75rem}.ranking-board{grid-template-columns:1fr}.ranking-board>div:nth-child(1){order:1}.ranking-board>div:nth-child(2){order:3}.ranking-board>div:nth-child(3){order:2}.ranking-board>div:nth-child(4){order:4}.ranking-zone{height:min(360px,60vh)}input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea{font-size:16px}}@media (max-width:900px){.mobile_footer{display:inline}}