html,body{min-height:100%}#root{min-height:100vh}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#4d6bfe14,#0000 30%),#f3f6fb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e4e9f2;justify-content:space-between;align-items:center;min-height:76px;padding:12px max(24px,50% - 590px);display:flex}.brand,.session-user,.profile-identity{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#3457f5,#763ae8);border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.brand div:last-child,.session-user div:last-child{gap:2px;display:grid}.brand span,.session-user span{color:#758096;font-size:12px}.avatar{color:#fff;background:linear-gradient(135deg,#3558f4,#7b43e8);border-radius:16px;flex:none;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.small-avatar{border-radius:12px;width:38px;height:38px;font-size:13px}.container{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 70px}.hero{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.eyebrow,.section-label{color:#5366d9;letter-spacing:.12em;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.04em;margin:8px 0 10px;font-size:clamp(32px,5vw,50px);line-height:1.05}.hero p{color:#69748b;max-width:680px;margin:0;font-size:16px;line-height:1.65}.challenge-status{white-space:nowrap;color:#176b48;background:#e5f8ef;border:1px solid #c6efdc;border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:700;display:flex}.status-dot{background:#27a96d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #27a96d24}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.summary-card,.participants-panel,.profile-panel{background:#fffffff0;border:1px solid #e3e8f1;box-shadow:0 14px 40px #1c27480f}.summary-card{border-radius:20px;gap:8px;padding:22px;display:grid}.summary-card span,.metric-card span,.profit-card span{color:#78839a;font-size:13px;font-weight:600}.summary-card strong{letter-spacing:-.03em;font-size:clamp(23px,4vw,31px)}.summary-card small,.metric-card small,.profit-card small{color:#9aa3b5}.content-grid{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:22px;display:grid}.participants-panel,.profile-panel{border-radius:24px}.participants-panel{padding:22px}.section-heading h2,.profile-header h2,.form-heading h3{margin:5px 0 0;font-size:22px}.participants-list{gap:10px;margin-top:22px;display:grid}.participant-item{color:#172033;text-align:left;background:#f7f8fb;border:1px solid #0000;border-radius:17px;align-items:center;gap:12px;width:100%;padding:13px;transition:transform .15s,border-color .15s,background .15s;display:flex}.participant-item:hover{border-color:#d8deec;transform:translateY(-1px)}.participant-item.active{color:#fff;background:linear-gradient(135deg,#2d4bd7,#6036c8);border-color:#0000;box-shadow:0 12px 24px #423ac233}.participant-item.active .avatar{color:#314bcf;background:#fff}.participant-item.active .participant-information span,.participant-item.active .arrow{color:#ffffffbf}.participant-information{flex:1;gap:4px;display:grid}.participant-information span{color:#7a8499;font-size:12px}.arrow{color:#8d96a8;font-size:25px}.ranking{border-top:1px solid #e7ebf2;gap:12px;margin-top:28px;padding-top:23px;display:grid}.ranking-row{grid-template-columns:28px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.ranking-row>span:last-child{color:#667187}.ranking-number{color:#5060c5;background:#eef0ff;border-radius:8px;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.profile-panel{padding:27px}.profile-header{border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;gap:22px;padding-bottom:24px;display:flex}.profile-avatar{border-radius:18px;width:58px;height:58px}.owner-badge{color:#4260cf;background:#edf0ff;border-radius:999px;margin-top:7px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.primary-button,.secondary-button,.close-button{border:0}.primary-button{color:#fff;background:linear-gradient(135deg,#3154ed,#6440d6);border-radius:12px;padding:12px 17px;font-weight:750;box-shadow:0 9px 18px #4146cb2e}.primary-button:hover{filter:brightness(1.05)}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px;display:grid}.metric-card{background:#f7f8fb;border:1px solid #edf0f5;border-radius:18px;gap:10px;padding:21px;display:grid}.metric-icon{color:#4a5cc9;background:#e9ecff;border-radius:11px;place-items:center;width:37px;height:37px;font-size:11px;font-weight:900;display:grid}.metric-card strong{letter-spacing:-.035em;font-size:clamp(22px,4vw,29px)}.profit-card{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff2b,#0000 28%),linear-gradient(135deg,#172653,#34247d);border-radius:20px;justify-content:space-between;align-items:stretch;gap:30px;margin-top:14px;padding:25px;display:flex}.profit-card>div{align-content:center;gap:9px;display:grid}.profit-card span,.profit-card small{color:#ffffffa6}.profit-card>div:first-child strong{letter-spacing:-.04em;font-size:clamp(32px,6vw,44px)}.return-box{background:#ffffff1a;border:1px solid #ffffff21;border-radius:16px;min-width:185px;padding:17px}.return-box strong{font-size:25px}.read-only-notice,.message{border-radius:13px;margin-top:17px;padding:14px 16px;font-size:13px}.read-only-notice{color:#606b7f;background:#f6f7fa;border:1px solid #e8ebf1}.message{color:#155f43;background:#e9f8f1;border:1px solid #c9eddd}.edit-form{margin-top:24px}.form-heading{justify-content:space-between;align-items:center;display:flex}.close-button{color:#647087;background:#f0f2f6;border-radius:11px;width:38px;height:38px;font-size:23px}.form-grid{grid-template-columns:repeat(2,1fr);gap:17px;margin-top:23px;display:grid}.form-grid label{color:#354057;gap:8px;font-size:13px;font-weight:700;display:grid}.input-wrapper{background:#fff;border:1px solid #dce2ed;border-radius:13px;align-items:center;display:flex;overflow:hidden}.input-wrapper:focus-within{border-color:#596de1;box-shadow:0 0 0 4px #596de11a}.input-wrapper span{color:#768197;padding:13px 0 13px 14px;font-weight:800}.input-wrapper input{color:#172033;background:0 0;border:0;outline:0;width:100%;padding:13px}.calculation-preview{color:#536078;background:#f6f7fb;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:16px;font-size:13px;display:flex}.calculation-preview strong{color:#2538a6;font-size:20px}.form-actions{justify-content:flex-end;gap:11px;margin-top:22px;display:flex}.secondary-button{color:#4e596d;background:#edf0f5;border-radius:12px;padding:12px 17px;font-weight:700}footer{color:#8b95a7;text-align:center;border-top:1px solid #e1e6ef;padding:24px;font-size:12px}@media (width<=900px){.content-grid{grid-template-columns:1fr}.participants-list{grid-template-columns:repeat(3,1fr)}.participant-item{align-items:flex-start}.participant-item .arrow{display:none}}@media (width<=700px){.topbar{padding:12px 16px}.session-user div:last-child{display:none}.hero,.profile-header,.profit-card{flex-direction:column;align-items:flex-start}.summary-grid,.metrics-grid,.form-grid,.participants-list{grid-template-columns:1fr}.primary-button,.profile-header .primary-button{width:100%}.profit-card{gap:18px}.return-box{width:100%}.calculation-preview{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffff5;border:1px solid #e1e6ef;border-radius:25px;width:min(430px,100%);padding:34px;box-shadow:0 22px 60px #1f2a4d1f}.login-logo{margin-bottom:24px}.login-card h1{letter-spacing:-.04em;margin:8px 0 10px;font-size:34px}.login-card>p{color:#69748b;margin:0 0 25px;line-height:1.6}.login-card label{color:#354057;gap:8px;margin-top:17px;font-size:13px;font-weight:700;display:grid}.login-card input{color:#172033;background:#fff;border:1px solid #dce2ed;border-radius:13px;outline:none;width:100%;padding:14px}.login-card input:focus{border-color:#596de1;box-shadow:0 0 0 4px #596de11a}.login-button{width:100%;margin-top:24px}.login-error{color:#9a2f2f;background:#fff0f0;border:1px solid #f4cccc;border-radius:12px;margin-top:16px;padding:13px;font-size:13px}.header-actions{align-items:center;gap:18px;display:flex}.logout-button{color:#505b70;background:#f0f2f6;border:0;border-radius:11px;padding:10px 13px;font-weight:700}.loading-screen{color:#5e687c;text-align:center;place-content:center;gap:15px;min-height:100vh;padding:25px;display:grid}button:disabled{cursor:not-allowed;opacity:.65}@media (width<=700px){.header-actions{gap:8px}.logout-button{padding:9px 10px;font-size:12px}.login-card{padding:26px 21px}}}