:root{--profile-bg:#fff;--profile-soft:#f6f6f7;--profile-line:#e8e8ea;--profile-text:#111;--profile-muted:#777;--profile-accent:#111;--profile-surface:#fafafa}.profile-page-root{background:var(--profile-bg);min-height:100vh;color:var(--profile-text);-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:inherit}.profile-top-bar{border-bottom:1px solid var(--profile-line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.profile-top-left{align-items:center;gap:14px;display:flex}.profile-brand-title{letter-spacing:-.04em;color:var(--profile-text);font-size:20px;font-weight:900}.profile-back-circle{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:24px;transition:background-color .15s;display:grid}.profile-back-circle:hover{background:var(--profile-soft)}.profile-top-save-btn{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:800;transition:background-color .15s}.profile-top-save-btn:hover:not(:disabled){background:var(--profile-soft)}.profile-top-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-shell-main{box-sizing:border-box;width:min(980px,100%);margin:auto;padding:26px 26px 80px}.profile-main-title{letter-spacing:-.06em;color:var(--profile-text);margin:8px 0 44px;font-size:clamp(38px,6vw,60px);font-weight:900;line-height:1}.profile-hero-section{border-bottom:1px solid var(--profile-line);grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-bottom:44px;display:grid}.profile-hero-copy .profile-hero-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--profile-muted);margin-bottom:12px;font-size:12px;font-weight:900}.profile-hero-copy h2{letter-spacing:-.05em;color:var(--profile-text);margin:0 0 10px;font-size:38px;line-height:1.15}.profile-hero-copy p{color:var(--profile-muted);max-width:460px;margin:0;font-size:15px;line-height:1.6}.profile-avatar-stage{justify-content:center;display:flex}.profile-avatar-wrap-box{width:220px;height:220px;position:relative}.profile-avatar-element{object-fit:cover;background:#eee;border:1px solid #ddd;border-radius:50%;width:100%;height:100%;display:block}.profile-avatar-edit-button{cursor:pointer;width:46px;height:46px;color:var(--profile-text);background:#fff;border:1px solid #ddd;border-radius:50%;place-items:center;transition:transform .15s,background-color .15s;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 8px 25px #0000001a}.profile-avatar-edit-button:hover{background:#fdfdfd;transform:translateY(-1px)}.profile-avatar-edit-button:active{transform:scale(.96)}.profile-rows-list{padding-top:12px}.profile-detail-row{border-bottom:1px solid var(--profile-line);grid-template-columns:170px 1fr auto;align-items:center;gap:18px;min-height:96px;transition:background-color .15s;display:grid}.profile-detail-row.is-clickable{cursor:pointer}.profile-detail-row.is-clickable:hover{background:#fafafa}.profile-detail-row.is-active-edit{cursor:default;background:#fdfdfd}.profile-row-label-text{letter-spacing:.11em;text-transform:uppercase;color:var(--profile-text);font-size:12px;font-weight:900}.profile-row-value-text{color:var(--profile-text);word-break:break-word;font-size:17px}.profile-row-value-text.is-muted{color:var(--profile-muted)}.profile-row-arrow-icon{color:var(--profile-muted);-webkit-user-select:none;user-select:none;font-size:28px;font-weight:300}.profile-name-edit-input{width:100%;max-width:420px;color:var(--profile-text);background:#fff;border:1px solid #111;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:17px;box-shadow:0 0 0 2px #0000000d}.profile-crop-page-root{background:var(--profile-bg);min-height:100vh;color:var(--profile-text)}.profile-crop-hint{text-align:center;color:var(--profile-muted);margin:0 0 16px;font-size:14px;line-height:1.5}.profile-crop-stage{justify-content:center;padding:10px 0 24px;display:flex}#crop,.profile-crop-area,.profile-crop-container{border:3px solid var(--profile-accent,#111)!important;cursor:grab!important;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;box-sizing:border-box!important;pointer-events:auto!important;background:#111!important;border-radius:50%!important;width:300px!important;height:300px!important;position:relative!important;overflow:hidden!important;box-shadow:0 15px 35px #0000001f!important}#crop.dragging,.profile-crop-area.is-dragging,.profile-crop-container.is-dragging{cursor:grabbing!important}#img,.profile-crop-image,.profile-crop-img{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;transform-origin:50%!important;will-change:transform!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important}.profile-zoom-bar{grid-template-columns:42px 1fr 42px 62px;align-items:center;gap:10px;margin-top:4px;display:grid}.profile-zoom-step-btn{width:42px;height:42px;color:var(--profile-text);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:11px;place-items:center;font-size:20px;font-weight:900;transition:background-color .15s;display:grid}.profile-zoom-step-btn:hover{background:var(--profile-soft)}.profile-zoom-slider{width:100%;accent-color:var(--profile-accent);cursor:pointer}.profile-zoom-value-badge{text-align:center;color:var(--profile-text);font-size:12px;font-weight:900}.profile-modal-actions{border-top:1px solid var(--profile-line);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.profile-action-btn{color:var(--profile-text);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:11px;padding:12px 16px;font-size:14px;font-weight:800;transition:opacity .15s,background-color .15s}.profile-action-btn:hover:not(:disabled){background:var(--profile-soft)}.profile-action-btn.is-dark{background:var(--profile-accent);color:#fff;border-color:var(--profile-accent)}.profile-action-btn.is-dark:hover:not(:disabled){opacity:.9;background:var(--profile-accent)}.profile-action-btn.is-danger{color:#d32f2f;border-color:#ffcdd2}.profile-action-btn.is-danger:hover:not(:disabled){background:#ffebee}.profile-action-btn:disabled{opacity:.45;cursor:not-allowed}.profile-status-message{color:var(--profile-muted);text-align:center;margin-top:12px;font-size:13px}.profile-server-result-box{border:1px solid var(--profile-line);background:var(--profile-surface);text-align:center;border-radius:15px;margin-top:18px;padding:16px}.profile-server-result-box strong{margin-bottom:6px;font-size:14px;display:block}.profile-result-avatar-preview{object-fit:cover;border:2px solid var(--profile-accent);border-radius:50%;width:130px;height:130px;margin:12px auto;display:block}.profile-result-metadata{color:var(--profile-muted);word-break:break-word;font-size:12px;line-height:1.5}@media (width<=820px){.profile-hero-section{grid-template-columns:1fr;gap:28px}.profile-hero-copy{text-align:center}.profile-hero-copy p{margin:auto}.profile-detail-row{grid-template-columns:120px 1fr auto}}@media (width<=600px){.profile-top-bar{height:64px;padding:0 14px}.profile-shell-main{padding:16px 16px 60px}.profile-main-title{margin:12px 0 32px;font-size:38px}.profile-avatar-wrap-box{width:175px;height:175px}.profile-hero-section{padding-bottom:30px}.profile-hero-copy h2{font-size:28px}.profile-detail-row{grid-template-columns:1fr auto;gap:6px;padding:17px 0}.profile-row-label-text{grid-column:1/-1}.profile-row-value-text{grid-column:1}.profile-row-arrow-icon{grid-area:2/2}.profile-zoom-bar{grid-template-columns:40px 1fr 40px 55px}#crop,.profile-crop-area,.profile-crop-container{width:260px!important;height:260px!important}}:root{--blue-700:#3b4ff0;--blue-600:#4a5cf5;--blue-500:#5a6bff;--blue-100:#c9d0ff;--navy-900:#181a4d;--ink-900:#1f2350;--ink-500:#8b8fb3;--grey-border:#e3e5f2;--white:#fff;--bg-auth:#eef0fb}.auth-body{background:var(--bg-auth);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.auth-body:before{content:"";opacity:.6;z-index:0;background-image:radial-gradient(circle at 8% 10%,#e2e5fa 60px,#0000 61px),radial-gradient(circle at 92% 85%,#e2e5fa 70px,#0000 71px);position:absolute;inset:0}.stage{background:var(--white);opacity:0;z-index:10;border-radius:18px;width:960px;max-width:94vw;animation:.7s cubic-bezier(.19,1,.22,1) .15s forwards stageIn;display:flex;position:relative;overflow:hidden;transform:translateY(18px)scale(.98);box-shadow:0 30px 60px -20px #1e287840}@keyframes stageIn{to{opacity:1;transform:translateY(0)scale(1)}}.sidebar{background:var(--white);border-right:1px solid var(--grey-border);flex-direction:column;flex-shrink:0;align-items:center;gap:36px;width:96px;padding:28px 0;display:flex}.logo-auth{background:var(--blue-600);opacity:0;border-radius:50% 50% 50% 4px;width:34px;height:34px;animation:.5s .45s forwards fadeIn}.side-nav{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex}.nav-item-auth{opacity:0;cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:8px;width:100%;padding:6px 0;animation:.5s forwards fadeIn;display:flex;position:relative}.nav-item-auth:first-child{animation-delay:.55s}.nav-item-auth:nth-child(2){animation-delay:.65s}.nav-item-auth .icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-item-auth svg{width:100%;height:100%}.nav-item-auth span{color:var(--ink-500);letter-spacing:.2px;font-size:11px}.nav-item-auth.active span{color:var(--blue-600);font-weight:600}.nav-item-auth.active svg{stroke:var(--blue-600)}.nav-item-auth.active:before{content:"";background:var(--blue-600);border-radius:0 3px 3px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.illustration{background:linear-gradient(160deg, var(--blue-600), var(--blue-700));width:340px;color:var(--white);flex-shrink:0;padding:40px 36px;position:relative;overflow:hidden}.illustration h1{opacity:0;color:var(--white);margin:0;font-size:28px;font-weight:800;line-height:1.15;animation:.55s .5s forwards riseIn;transform:translateY(10px)}.illustration p{color:var(--blue-100);opacity:0;margin-top:8px;font-size:13px;animation:.55s .6s forwards riseIn;transform:translateY(10px)}.art{opacity:0;height:260px;margin-top:56px;animation:.6s .7s forwards riseIn;position:relative;transform:translateY(16px)}.art svg{width:100%;height:100%}.badge-auth{background:var(--white);opacity:0;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;animation:.5s cubic-bezier(.34,1.56,.64,1) 1.1s forwards badgeIn;display:flex;position:absolute;top:-6px;right:6px;transform:scale(.6)rotate(-8deg);box-shadow:0 10px 20px #00000026}.badge-auth svg{width:28px;height:28px}@keyframes badgeIn{to{opacity:1;transform:scale(1)rotate(0)}}.form-panel{flex-direction:column;flex:1;padding:40px 44px;display:flex;position:relative}.top-line{color:var(--ink-500);opacity:0;justify-content:flex-end;font-size:13px;animation:.5s .5s forwards fadeIn;display:flex}.top-line a{color:var(--blue-600);margin-left:4px;font-weight:600;text-decoration:none}.field-auth{opacity:0;margin-top:26px;transform:translateY(10px)}.field-auth.field-email{animation:.5s .62s forwards riseIn}.field-auth.field-pass{animation:.5s .74s forwards riseIn}.field-auth.field-name{animation:.5s .5s forwards riseIn}.field-auth label{color:var(--navy-900);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.input-wrap{border:1.5px solid var(--grey-border);background:var(--white);border-radius:10px;align-items:center;height:48px;padding:0 14px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.input-wrap.focus{border-color:var(--blue-600);box-shadow:0 0 0 4px #4a5cf51f}.input-wrap input{min-width:0;color:var(--ink-900);background:0 0;border:none;outline:none;flex:1;height:100%;font-size:14px}.input-wrap .icon{width:18px;height:18px;color:var(--ink-500);flex-shrink:0}.toggle-password-btn{cursor:pointer;color:var(--ink-500);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:color .2s,background-color .2s,transform .15s;display:inline-flex}.toggle-password-btn:hover{color:var(--blue-600);background-color:#4a5cf514}.toggle-password-btn:active{transform:scale(.92)}.toggle-password-btn svg{width:18px;height:18px;display:block}.caret{background:var(--blue-600);vertical-align:middle;width:1px;height:15px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.caret.hidden{display:none}@keyframes blink{50%{opacity:0}}.btn-auth{background:var(--navy-900);height:50px;color:var(--white);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;opacity:0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:30px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;animation:.5s .86s forwards riseIn;display:flex;position:relative;overflow:hidden;transform:translateY(10px)}.btn-auth:hover{box-shadow:0 10px 20px -6px #181a4d73}.btn-auth:active{transform:translateY(1px)scale(.99)}.btn-auth.loading{pointer-events:none;color:#0000}.btn-auth .spinner-auth{opacity:0;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.btn-auth.loading .spinner-auth{opacity:1;animation:.7s linear infinite spin-auth}@keyframes spin-auth{to{transform:rotate(360deg)}}.terms{color:var(--ink-500);opacity:0;margin-top:14px;font-size:11px;line-height:1.5;animation:.5s .95s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.success-panel{text-align:center;background:linear-gradient(160deg, var(--blue-600), var(--blue-700));color:var(--white);opacity:0;pointer-events:none;z-index:20;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:opacity .5s,transform .5s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;inset:0;transform:scale(1.03)}.stage.success .form-panel,.stage.success .illustration,.stage.success .sidebar{opacity:0;pointer-events:none;transition:opacity .35s}.stage.success .success-panel{opacity:1;pointer-events:auto;transform:scale(1)}.success-panel h2{opacity:0;color:var(--white);margin:0;font-size:30px;font-weight:800;transform:translateY(10px)}.success-panel .check{opacity:0;width:110px;height:110px;margin:26px 0;transform:scale(.5)rotate(-10deg)}.success-panel p{color:var(--blue-100);opacity:0;max-width:320px;font-size:14px;transform:translateY(10px)}.success-panel strong{color:#fff;margin-top:2px;display:block}.success-panel .proceed{background:var(--navy-900);color:#fff;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;opacity:0;border:none;border-radius:10px;height:48px;margin-top:26px;padding:0 40px;font-size:13px;font-weight:700;transform:translateY(10px)}.stage.success .success-panel h2{animation:.5s .15s forwards riseIn}.stage.success .success-panel .check{animation:.55s cubic-bezier(.34,1.56,.64,1) .3s forwards checkIn}.stage.success .success-panel p{animation:.5s .5s forwards riseIn}.stage.success .success-panel .proceed{animation:.5s .62s forwards riseIn}@keyframes checkIn{to{opacity:1;transform:scale(1)rotate(0)}}.demo-control-bar{z-index:100;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.demo-btn{background:var(--navy-900);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;box-shadow:0 4px 10px #00000026}.demo-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-error{color:#ff5e5e;margin-top:8px;font-size:12px;font-weight:600}.verify-card-container{z-index:10;width:500px;max-width:94vw;margin:20px auto;animation:.6s cubic-bezier(.19,1,.22,1) forwards stageIn;position:relative}.verify-card{background:var(--white);text-align:center;border:1px solid #e3e5f299;border-radius:20px;padding:38px 34px;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #181a4d33}.verify-card-header{margin-bottom:8px}.verify-icon-badge{border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 20px;transition:transform .3s;display:flex;position:relative}.verify-icon-badge svg{width:36px;height:36px}.verify-icon-badge.success{background:#ecfdf5;box-shadow:0 10px 24px -6px #10b9814d}.verify-icon-badge.info{background:#eff2fe;box-shadow:0 10px 24px -6px #4a5cf540}.verify-icon-badge.warning{background:#fffbeb;box-shadow:0 10px 24px -6px #f59e0b40}.verify-icon-badge.danger{background:#fef2f2;box-shadow:0 10px 24px -6px #ef444440}.verify-title{color:var(--ink-900);letter-spacing:-.3px;margin:0 0 10px;font-size:23px;font-weight:800}.verify-desc{color:var(--ink-500);max-width:400px;margin:0 auto 18px;font-size:14px;line-height:1.6}.verify-email-chip{color:var(--blue-700);background:#f0f2fe;border:1px solid #dbe1fd;border-radius:30px;align-items:center;gap:8px;margin-bottom:22px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.verify-action-stack{flex-direction:column;gap:10px;margin-top:14px;display:flex}.btn-verify-primary{background:var(--blue-600);color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px -4px #4a5cf566}.btn-verify-primary:hover:not(:disabled){background:var(--blue-700);transform:translateY(-1.5px);box-shadow:0 12px 24px -4px #4a5cf580}.btn-verify-primary:active:not(:disabled){transform:translateY(0)}.btn-verify-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-verify-secondary{height:46px;color:var(--blue-600);cursor:pointer;background:#f6f7fe;border:1.5px solid #d9dffa;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-verify-secondary:hover:not(:disabled){color:var(--blue-700);background:#eceffd;border-color:#c9d0ff}.btn-verify-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-verify-ghost{height:38px;color:var(--ink-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:color .2s;display:flex}.btn-verify-ghost:hover{color:var(--ink-900)}.verify-spinner-wrap{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.verify-spinner{border:4px solid #4a5cf526;border-top-color:var(--blue-600);border-radius:50%;width:52px;height:52px;animation:.8s linear infinite spin-auth}.verify-alert{text-align:left;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 16px;font-size:13px;display:flex}.verify-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.verify-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.verify-form-group{text-align:left;margin-bottom:16px}.verify-form-group label{color:var(--ink-500);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.verify-input{border:1.5px solid var(--grey-border);box-sizing:border-box;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:border-color .2s}.verify-input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #4a5cf526}.verify-card-footer{border-top:1px solid var(--grey-border);color:var(--ink-500);margin-top:24px;padding-top:18px;font-size:11px}.fade-in{animation:.4s forwards fadeIn}.login-unverified-box{text-align:left;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:12px;margin-top:16px;margin-bottom:12px;padding:16px;animation:.3s forwards fadeIn}.login-unverified-header{color:#92400e;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.login-unverified-header svg{flex-shrink:0;width:18px;height:18px}.login-unverified-desc{color:#78350f;margin:0 0 12px;font-size:12px;line-height:1.5}.login-unverified-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.login-unverified-btn:hover:not(:disabled){background:#d97706}.login-unverified-btn:disabled{opacity:.65;cursor:not-allowed}.login-unverified-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}.stage.verification-pending .form-panel,.stage.verification-pending .illustration,.stage.verification-pending .sidebar{opacity:0;pointer-events:none;transition:opacity .35s}.stage.verification-pending .register-verify-panel{opacity:1;pointer-events:auto;transform:scale(1)}.register-verify-panel{text-align:center;color:var(--ink-900);opacity:0;pointer-events:none;z-index:25;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px 30px;transition:opacity .45s,transform .45s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;inset:0;transform:scale(1.02)}.register-verify-panel .mail-icon-wrap{background:#eff2fe;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards checkIn;display:flex;box-shadow:0 10px 24px -6px #4a5cf540}.register-verify-panel .mail-icon-wrap svg{width:40px;height:40px;stroke:var(--blue-600)}.register-verify-panel h2{color:var(--ink-900);margin:0 0 10px;font-size:26px;font-weight:800;animation:.4s .15s forwards riseIn}.register-verify-panel p{color:var(--ink-500);max-width:420px;margin:0 auto 16px;font-size:14px;line-height:1.6;animation:.4s .25s forwards riseIn}@media (width<=760px){.illustration{display:none}.sidebar{width:72px}.verify-card{padding:28px 20px}.register-verify-panel{padding:30px 20px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-700:oklch(49.1% .27 292.581);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-3{top:calc(var(--spacing) * 3)}.right-3{right:calc(var(--spacing) * 3)}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.row-span-1{grid-row:span 1/span 1}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-28{height:calc(var(--spacing) * 28)}.h-full{height:100%}.h-screen{height:100vh}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-full{width:100%}.w-screen{width:100vw}.max-w-7xl{max-width:var(--container-7xl)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-rows-\[220px\]{grid-auto-rows:220px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.border-violet-200{border-color:var(--color-violet-200)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#1e2029\]{background-color:#1e2029}.bg-\[\#8a8c93\]{background-color:#8a8c93}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-red-600\/80{background-color:#e40014cc}@supports (color:color-mix(in lab, red, red)){.bg-red-600\/80{background-color:color-mix(in oklab, var(--color-red-600) 80%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab, red, red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab, var(--color-black) 80%, transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab, red, red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab, var(--color-black) 20%, transparent)}}.via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-red-300:hover{border-color:var(--color-red-300)}.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-span-1{grid-row:span 1/span 1}.md\:row-span-2{grid-row:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:text-right{text-align:right}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-slate-700{border-color:var(--color-slate-700)}.dark\:border-slate-700\/60{border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/60{border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:border-slate-800{border-color:var(--color-slate-800)}.dark\:bg-slate-700{background-color:var(--color-slate-700)}.dark\:bg-slate-800{background-color:var(--color-slate-800)}.dark\:bg-slate-800\/40{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/40{background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.dark\:bg-slate-900{background-color:var(--color-slate-900)}.dark\:text-slate-200{color:var(--color-slate-200)}}}:root{--ink:#14131a;--nav:#0c0b10;--paper:#fbfaf7;--card:#fff;--cream:#fdf6e3;--lime:#e9f95a;--lime-deep:#d8ea2c;--lavender:#ded6ff;--violet:#6a54f0;--violet-deep:#5741d9;--violet-ink:#2c2560;--mint:#bdeee0;--peach:#ffe3b0;--pink:#ffd7e6;--muted:#6b6577;--line:#1b1a22;--line-soft:#14131a1f;--danger:#e14b4b;--radius:18px;--radius-sm:12px;--shadow-card:0 1px 0 #14131a08, 0 10px 24px -14px #14131a2e;--shadow-float:0 20px 45px -20px #14131a59;--ease:cubic-bezier(.32, .72, 0, 1);--primary-color:#4a55ff;--secondary-color:#19194d;--text-color:#19194d;--background-color:#f5f6ff;--font-family:"Poppins", sans-serif;--heading-font:"Poppins", sans-serif;--menu-icon-size:42px;--menu-icon-stroke:2;--signout-icon-size:64px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}img{max-width:100%}button{font-family:inherit}.hand{font-family:Caveat,cursive}.motion-fade-in{animation:1.2s ease-out forwards fadeIn}.dense{grid-auto-flow:dense}#app-shell{flex-direction:column;min-height:100vh;display:flex}.topnav{background:var(--nav);color:#fff;z-index:40;border-bottom:1px solid #ffffff0f;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;white-space:nowrap;cursor:pointer;color:#fff;background:0 0;border:none;align-items:center;gap:2px;margin-right:8px;font-size:20px;font-weight:800;display:flex}.brand .wee{color:var(--lime);position:relative}.brand svg{margin-left:2px}.nav-links{scrollbar-width:none;flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-item{color:#ffffffad;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .15s var(--ease);white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:14.5px;font-weight:600;display:flex}.nav-item:hover{color:#fff}.nav-item.active{color:#fff;background:#ffffff24}.nav-item svg{flex:none;width:16px;height:16px}.nav-item:active{transform:scale(.96)}.nav-right{flex:none;align-items:center;gap:14px;display:flex}.icon-btn{color:#fff;cursor:pointer;width:38px;height:38px;transition:background .2s var(--ease), transform .12s var(--ease);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:#ffffff29}.icon-btn:active{transform:scale(.9)}.dot-badge{background:var(--lime);border:2px solid var(--nav);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.profile-pill{cursor:pointer;color:#fff;transition:background .2s var(--ease);background:#ffffff0f;border:none;border-radius:999px;align-items:center;gap:10px;padding:5px 10px 5px 5px;display:flex}.profile-pill:hover{background:#ffffff21}.avatar{object-fit:cover;background:var(--lavender);border-radius:50%;flex:none;width:32px;height:32px}.profile-pill .meta{text-align:left;line-height:1.2}.profile-pill .hi{font-size:13.5px;font-weight:700}.profile-pill .mail{color:#ffffff8c;font-size:11.5px}.chev{transition:transform .2s var(--ease)}.profile-pill.open .chev,.icon-btn.open .chev{transform:rotate(180deg)}.dropdown-panel{box-shadow:var(--shadow-float);border:1px solid var(--line-soft);z-index:60;opacity:0;pointer-events:none;width:260px;transition:opacity .2s var(--ease), transform .2s var(--ease);background:#fff;border-radius:16px;padding:10px;position:absolute;top:60px;right:28px;transform:translateY(8px)scale(.98)}.dropdown-panel.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown-item{cursor:pointer;color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--paper)}.dropdown-item .icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-item .profile-menu-icon,.dropdown-item .icon-menu{flex-shrink:0;transition:width .2s,height .2s;width:var(--menu-icon-size,20px)!important;height:var(--menu-icon-size,20px)!important;stroke-width:var(--menu-icon-stroke,2)!important}.dropdown-item .signout-icon{flex-shrink:0;transition:width .2s,height .2s;width:var(--signout-icon-size,20px)!important;height:var(--signout-icon-size,20px)!important;stroke-width:var(--menu-icon-stroke,2)!important}.notif-panel{width:330px}.notif-row{cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 12px;transition:background .15s;display:flex}.notif-row:hover{background:var(--paper)}.notif-row .n-dot{background:var(--violet);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.notif-row b{font-size:13.5px;font-weight:700}.notif-row p{color:var(--muted);margin:2px 0 0;font-size:12.5px}.panel-title{padding:8px 10px 6px;font-size:14px;font-weight:800}main{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:28px 32px 60px}.view{animation:viewIn .38s var(--ease)}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view.leaving{opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);transform:translateY(-6px)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0 0 6px;font-size:38px;font-weight:800}.page-head .sub{color:var(--muted);margin:0;font-size:15.5px}.head-stats{flex-wrap:wrap;gap:12px;display:flex}.stat-chip{background:var(--cream);border:1px solid var(--line-soft);min-width:132px;box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex}.stat-chip.c-lav{background:var(--lavender)}.stat-chip.c-mint{background:var(--mint)}.stat-chip.c-pink{background:var(--pink)}.stat-chip.c-white{background:#fff}.stat-chip .ic{background:#ffffff8c;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-chip .ic svg{width:17px;height:17px}.stat-chip .num{font-size:19px;font-weight:800;line-height:1.1}.stat-chip .lbl{color:var(--muted);font-size:11.5px;font-weight:600}.btn{cursor:pointer;transition:transform .12s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-dark{background:var(--nav);color:#fff}.btn-dark:hover{background:#000}.btn-outline{border:1.5px solid var(--line-soft);color:var(--ink);background:#fff}.btn-outline:hover{border-color:var(--ink)}.btn-ghost{color:var(--ink);background:0 0;border:1.5px solid #0000}.btn-ghost:hover{background:var(--line-soft)}.btn-violet{background:var(--violet);color:#fff}.btn-violet:hover{background:var(--violet-deep)}.btn-sm{padding:8px 14px;font-size:13px}.btn[disabled]{opacity:.5;cursor:not-allowed}.ripple-el{animation:ripple .55s var(--ease);pointer-events:none;background:#ffffff73;border-radius:50%;position:absolute;transform:scale(0)}.btn-outline .ripple-el,.btn-ghost .ripple-el{background:#14131a1f}@keyframes ripple{to{opacity:0;transform:scale(3)}}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-card)}.section-title{letter-spacing:-.01em;margin:0 0 4px;font-size:21px;font-weight:800}.section-sub{color:var(--muted);margin:0 0 16px;font-size:13.5px}.dash-grid{grid-template-columns:2fr 1fr;align-items:start;gap:22px;display:grid}.float-idle{animation:6s ease-in-out infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.feature-card{border:1px solid var(--line-soft);background:var(--card);box-shadow:var(--shadow-card);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;padding:22px;display:flex}.feature-illus{background:var(--lime);border-radius:16px;flex:none;justify-content:center;align-items:center;width:150px;height:120px;display:flex;position:relative;overflow:hidden}.feature-illus svg{width:64px;height:64px}.feature-mid{flex:1;min-width:220px}.tag-row{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.feature-mid h3{margin:0 0 10px;font-size:24px;font-weight:800}.feature-pct{margin-bottom:6px;font-size:14px;font-weight:800}.progress-track{background:#ece9f5;border-radius:999px;width:100%;max-width:340px;height:9px;overflow:hidden}.progress-fill{background:var(--violet);width:0;height:100%;transition:width 1s var(--ease);border-radius:999px}.feature-right{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.avatar-stack{display:flex}.avatar-stack img,.avatar-stack .plus{object-fit:cover;background:var(--lavender);border:2.5px solid #fff;border-radius:50%;width:34px;height:34px;margin-left:-10px}.avatar-stack .plus{border:2px solid var(--line-soft);color:var(--muted);background:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.avatar-stack img:first-child,.avatar-stack .plus:first-child{margin-left:0}.card-grid-2{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;display:grid}.work-card{cursor:pointer;border:1px solid var(--line-soft);background:var(--card);box-shadow:var(--shadow-card);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:20px;min-height:150px;padding:20px;position:relative;overflow:hidden}.work-card:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.work-card .cat{color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.work-card h4{max-width:65%;margin:0 0 14px;font-size:18px;font-weight:800}.work-card .wc-illus{border-radius:14px;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:absolute;top:14px;right:14px}.work-card .wc-illus svg{width:38px;height:38px}.wc-footer{align-items:center;gap:10px;display:flex}.wc-footer img{object-fit:cover;border-radius:50%;flex:none;width:26px;height:26px}.wc-footer .mini-track{background:#ece9f5;border-radius:999px;flex:1;height:6px;overflow:hidden}.wc-footer .mini-fill{background:var(--violet);height:100%;transition:width 1s var(--ease);border-radius:999px}.wc-footer .pct{color:var(--muted);font-size:12px;font-weight:700}.wc-date{color:var(--muted);align-items:center;gap:5px;margin-top:8px;font-size:11.5px;display:flex}.see-all-bar{text-align:center;border:1px solid var(--line-soft);cursor:pointer;color:var(--ink);transition:background .2s var(--ease);background:#fff;border-radius:14px;margin-top:16px;padding:13px;font-size:14px;font-weight:700}.see-all-bar:hover{background:var(--paper)}.right-col{flex-direction:column;gap:18px;display:flex}.progress-card{border-radius:22px;padding:20px 22px;position:relative}.progress-card .ph{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.progress-card h3{margin:0;font-size:19px;font-weight:800}.pill-mini{background:var(--lime);border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:700;display:flex}.prog-row{align-items:center;gap:10px;margin-top:14px;display:flex}.prog-row .pic{border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.prog-row .pic svg{width:16px;height:16px}.prog-row .plabel{flex:none;width:108px;font-size:13.5px;font-weight:600}.prog-row .ptrack{background:#eee;border-radius:999px;flex:1;height:8px;overflow:hidden}.prog-row .pfill{width:0;height:100%;transition:width 1.1s var(--ease);border-radius:999px}.prog-row .pval{text-align:right;width:36px;color:var(--muted);font-size:12.5px;font-weight:700}.link-row{color:var(--ink);cursor:pointer;align-items:center;gap:5px;margin-top:14px;font-size:13.5px;font-weight:700;transition:opacity .15s;display:inline-flex}.link-row:hover{opacity:.8}.promo-card{background:var(--violet);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.promo-card h3{margin:0 0 8px;font-size:21px;font-weight:800;line-height:1.15}.promo-card p{color:#fffc;max-width:230px;margin:0 0 14px;font-size:13.5px}.promo-card .btn{color:var(--violet-ink);background:#fff}.promo-card .btn:hover{background:var(--lime)}.promo-illus{flex:none;width:64px;height:64px}.promo-illus svg{width:100%;height:100%}.cal-layout{grid-template-columns:2.3fr 1fr;align-items:start;gap:20px;display:grid}.cal-card{border-radius:22px;padding:22px}.cal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.cal-nav{align-items:center;gap:10px;display:flex}.circle-btn{border:1.5px solid var(--line-soft);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.circle-btn:hover{background:var(--paper)}.cal-title{margin:0;font-size:22px;font-weight:800}.view-toggle{background:var(--paper);border-radius:999px;gap:2px;padding:4px;display:flex}.view-toggle button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .2s}.view-toggle button.active{background:var(--nav);color:#fff}.cal-table{border-collapse:collapse;table-layout:fixed;width:100%}.cal-table th{color:var(--muted);text-align:left;padding:8px 6px;font-size:12px;font-weight:700}.cal-cell{border:1px solid var(--line-soft);vertical-align:top;cursor:pointer;height:88px;padding:6px 7px;transition:background .15s;position:relative}.cal-cell:hover{background:#faf9f6}.cal-cell.muted{color:#c9c5d0;background:#fbfaf8}.cal-cell.today .daynum{background:var(--lime);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.cal-cell.selected{outline:2px solid var(--nav);outline-offset:-2px;background:var(--lime)}.daynum{font-size:13px;font-weight:700}.ev-chip{white-space:nowrap;text-overflow:ellipsis;transition:transform .12s var(--ease);border-radius:6px;align-items:center;gap:4px;margin-top:4px;padding:3px 6px;font-size:10.5px;font-weight:700;display:flex;overflow:hidden}.ev-chip:hover{transform:translate(1px)}.ev-chip .dt{opacity:.75;font-weight:600}.cat-photography{background:var(--lime);color:#14131a}.cat-video{background:var(--lavender);color:#2c2560}.cat-design{background:var(--violet);color:#fff}.cat-meeting{background:var(--peach);color:#8a5a10}.cat-deadline{color:#a02b2b;background:#ffd3d3}.legend{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:18px;margin-top:16px;padding-top:14px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.legend-dot{border-radius:4px;width:11px;height:11px}.upcoming-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.upc-row{cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background .15s;display:flex}.upc-row:hover{background:var(--paper);border-color:var(--line-soft)}.upc-badge{background:var(--lime);border-radius:999px;flex:none;padding:4px 8px;font-size:10.5px;font-weight:700}.upc-badge.tmrw{background:var(--lavender)}.upc-badge.date{background:var(--peach)}.upc-ic{border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.upc-ic svg{width:16px;height:16px}.upc-mid{flex:1;min-width:0}.upc-mid b{font-size:13.5px;display:block}.upc-mid span{color:var(--muted);font-size:12px}.team-strip{gap:12px;margin-top:12px;display:flex;overflow-x:auto}.team-mini{text-align:center;flex:none}.team-mini img{object-fit:cover;border-radius:50%;width:44px;height:44px;margin-bottom:5px}.team-mini b{font-size:12px;display:block}.team-mini span{color:var(--muted);font-size:10.5px}.form-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:22px;display:grid}.field{margin-bottom:18px}.field label{margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.field input[type=text],.field input[type=date],.field textarea,select.input,.field input[type=search]{border:1.5px solid var(--line-soft);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,select.input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 4px #6a54f021}.field textarea{resize:vertical;min-height:90px}.field .err{color:var(--danger);margin-top:5px;font-size:12px;font-weight:600;display:none}.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:var(--danger)}.field.invalid .err{display:block}.form-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-3col{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.slider-row{align-items:center;gap:16px;display:flex}input[type=range]{appearance:none;background:#ece9f5;border-radius:999px;outline:none;flex:1;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--violet);width:22px;height:22px;box-shadow:0 0 0 1.5px var(--violet);cursor:pointer;border:4px solid #fff;border-radius:50%;transition:transform .12s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15)}.slider-val{text-align:right;width:52px;font-size:17px;font-weight:800}.status-toggle{gap:10px;display:flex}.status-opt{border:1.5px solid var(--line-soft);text-align:center;cursor:pointer;background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.status-opt .rd{border:2px solid #ccc;border-radius:50%;flex:none;width:15px;height:15px}.status-opt.sel{border-color:var(--violet);background:#f1eeff}.status-opt.sel .rd{border-color:var(--violet);background:var(--violet);box-shadow:inset 0 0 0 3px #fff}.date-card{background:var(--cream);border:1px solid var(--line-soft);border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.date-card .ic{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.date-card b{font-size:15px;display:block}.date-card span{color:var(--muted);font-size:11.5px;font-weight:700}.preview-card{border-radius:22px;padding:22px;position:relative;overflow:visible}.preview-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:11px 0;display:flex}.preview-row:last-of-type{border-bottom:none}.preview-row .pic2{background:var(--paper);border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.preview-row .pic2 svg{width:16px;height:16px}.preview-row .pl{flex:1}.preview-row .pl .lbl{color:var(--muted);font-size:11.5px;font-weight:700}.preview-row .pl .val{font-size:14.5px;font-weight:700}.preview-badge{background:var(--lavender);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.preview-progress{width:100px}.tab-row{background:var(--paper);border-radius:999px;gap:6px;width:fit-content;padding:4px;display:flex}.tab-row button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .2s}.tab-row button.active{background:var(--nav);color:#fff}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.search-box{flex:1;min-width:200px;max-width:340px;position:relative}.search-box input{border:1.5px solid var(--line-soft);background:#fff;border-radius:12px;width:100%;padding:11px 14px 11px 38px;font-family:inherit;font-size:14px}.search-box input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 4px #6a54f021}.search-box svg{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sort-select{border:1.5px solid var(--line-soft);cursor:pointer;background:#fff;border-radius:12px;padding:11px 14px;font-family:inherit;font-size:13.5px;font-weight:600}.proj-grid{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.proj-card{cursor:pointer;border:1px solid var(--line-soft);background:var(--card);box-shadow:var(--shadow-card);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:20px;padding:20px;position:relative;overflow:hidden}.proj-card:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.proj-top{justify-content:space-between;align-items:flex-start;display:flex}.proj-cat{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.proj-illus{border-radius:14px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:44px;right:16px}.proj-illus svg{width:40px;height:40px}.proj-card h4{max-width:64%;margin:38px 0 6px;font-size:18px;font-weight:800}.proj-card p{color:var(--muted);max-width:64%;margin:0 0 14px;font-size:12.5px;line-height:1.4}.proj-pct{margin-bottom:6px;font-size:14px;font-weight:800}.proj-foot{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.more-dots{cursor:pointer;background:#fff9;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex}.more-dots:hover{background:#14131a14}.btn-delete-project{border:1px solid var(--line-soft);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#14131a0d;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.btn-delete-project:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:scale(1.05)}.btn-delete-project svg{width:18px;height:18px}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state svg{opacity:.5;width:64px;height:64px;margin-bottom:14px}.empty-state b{color:var(--ink);margin-bottom:4px;font-size:16px;display:block}.kanban-wrap{grid-template-columns:repeat(4,1fr) 260px;align-items:start;gap:16px;display:grid}.kcol{background:var(--card);border:1px solid var(--line-soft);border-radius:18px;min-height:200px;padding:14px;transition:background .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.kcol.dragover,.kcol.active-drop-zone{box-shadow:0 0 0 2px #8b5cf640;background:#f4f1ff!important;border-color:#8b5cf6!important}.kcol-drop-target{min-height:80px;color:var(--violet);text-align:center;pointer-events:none;background:#8b5cf60a;border:2px dashed #8b5cf659;border-radius:12px;justify-content:center;align-items:center;margin-top:6px;margin-bottom:10px;padding:12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.kcol-head{align-items:center;gap:8px;margin-bottom:12px;padding:0 4px;font-size:13px;font-weight:800;display:flex}.kcol-dot{border-radius:50%;width:9px;height:9px}.kcol-count{background:var(--paper);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:12px;font-weight:700}.kcard{border:1px solid var(--line-soft);cursor:grab;box-shadow:var(--shadow-card);will-change:transform;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;margin-bottom:10px;padding:13px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),opacity .2s;transform:translate(0)}.kcard:active{cursor:grabbing}.kcard.dragging{opacity:.45;transform:translateY(-4px)scale(1.02);box-shadow:0 14px 28px #0000001f,0 10px 10px #00000014;cursor:grabbing!important}.kcard-top{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.kcard-proj{color:var(--muted);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.prio{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.prio.High{color:#a02b2b;background:#ffd7d7}.prio.Medium{background:var(--peach);color:#8a5a10}.prio.Low{background:var(--mint);color:#1e6e56}.kcard h5{margin:0 0 10px;font-size:14px;font-weight:700}.kcard-foot{align-items:center;gap:8px;display:flex}.kcard-foot img{object-fit:cover;border-radius:50%;width:24px;height:24px}.kcard-foot .kdate{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.kmini-track{background:#eee;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.kmini-fill{background:var(--violet);border-radius:999px;height:100%}.add-task-mini{text-align:center;border:1.5px dashed var(--line-soft);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s;display:flex}.add-task-mini:hover{border-color:var(--violet);color:var(--violet)}.activity-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:20px;display:grid}.activity-list{flex-direction:column;display:flex}.act-row{border-bottom:1px solid var(--line-soft);cursor:pointer;gap:14px;padding:14px 4px;transition:background .15s;display:flex;position:relative}.act-row:hover{background:var(--paper)}.act-row:last-child{border-bottom:none}.act-line{flex-direction:column;flex:none;align-items:center;width:11px;display:flex}.act-dot{border-radius:50%;width:10px;height:10px;margin-top:6px}.act-avatar{object-fit:cover;border-radius:50%;flex:none;width:38px;height:38px}.act-ic{border:1.5px solid var(--line-soft);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:-4px;right:-4px}.act-ic svg{width:13px;height:13px}.act-body{flex:1;min-width:0}.act-top{justify-content:space-between;gap:10px;display:flex}.act-top b{font-size:14px;font-weight:800}.act-time{color:var(--muted);white-space:nowrap;font-size:12px}.act-quote{color:var(--muted);margin:3px 0 4px;font-size:13px}.act-tag{color:var(--violet-ink);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.status-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.status-group{margin-top:12px}.status-group-title{color:var(--muted);align-items:center;gap:7px;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.status-group-title .dot{border-radius:50%;width:8px;height:8px}.status-avatars{flex-wrap:wrap;gap:8px;display:flex}.status-avatars img{object-fit:cover;border-radius:50%;width:38px;height:38px}.analytics-layout{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.chart-card{border-radius:22px;padding:22px}.bar-chart{align-items:flex-end;gap:22px;height:210px;margin-top:20px;padding:0 6px;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bars{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:100%;display:flex}.bar{width:16px;height:0;transition:height 1s var(--ease);border-radius:5px 5px 2px 2px;position:relative}.bar .bv{color:var(--muted);white-space:nowrap;font-size:10.5px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bar-day{color:var(--muted);margin-top:10px;font-size:12px;font-weight:700}.chart-legend{justify-content:flex-end;gap:18px;display:flex}.dist-row{align-items:center;gap:12px;padding:9px 0;display:flex}.dist-ic{border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dist-ic svg{width:16px;height:16px}.dist-label{flex:none;width:130px;font-size:13.5px;font-weight:600}.dist-track{background:#eee;border-radius:999px;flex:1;height:9px;overflow:hidden}.dist-fill{width:0;height:100%;transition:width 1.1s var(--ease);border-radius:999px}.dist-val{text-align:right;width:38px;font-size:12.5px;font-weight:700}.donut-wrap{align-items:center;gap:18px;margin-top:14px;display:flex}.donut{flex:none}.donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.donut-leg-row{align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.donut-leg-row .sw{border-radius:3px;flex:none;width:10px;height:10px}.donut-leg-row span.v{margin-left:auto;font-weight:700}.week-stat-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:13px 0;display:flex}.week-stat-row:last-of-type{border-bottom:none}.ws-ic{background:var(--paper);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ws-ic svg{width:18px;height:18px}.ws-num{font-size:19px;font-weight:800;line-height:1.1}.ws-lbl{color:var(--muted);font-size:12px}.ws-delta{color:#1a9c5a;align-items:center;gap:3px;margin-left:auto;font-size:12px;font-weight:800;display:flex}.momentum-card{background:var(--violet);color:#fff;border-radius:22px;padding:22px;position:relative;overflow:hidden}.momentum-card h3{margin:0 0 6px;font-size:19px;font-weight:800}.momentum-card p{color:#fffc;margin:0 0 14px;font-size:13px}.momentum-big{align-items:center;gap:8px;margin-bottom:4px;font-size:30px;font-weight:800;display:flex}.rd-top{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}.back-btn{border:1.5px solid var(--line-soft);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:background .15s;display:flex}.back-btn:hover{background:var(--paper)}.rd-chip{border:1.5px solid var(--line-soft);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:9px 15px;display:flex}.rd-chip img{object-fit:cover;border-radius:50%;width:34px;height:34px}.rd-chip.status{background:var(--cream)}.rd-chip b{font-size:13.5px;display:block}.rd-chip span{color:var(--muted);font-size:11px}.rd-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:20px;display:grid}.rd-main{border-radius:22px;padding:22px}.rd-grid2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.rd-box{background:var(--paper);border-radius:14px;padding:14px 16px}.rd-box .rl{color:var(--muted);align-items:center;gap:6px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:flex}.rd-box .rv{font-size:15px;font-weight:800}.rd-box .rd-desc{color:var(--muted);margin-top:2px;font-size:12.5px}.rd-mini3{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:14px;display:grid}.attach-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.attach-card{border:1px solid var(--line-soft);cursor:pointer;background:#fff;border-radius:14px;transition:transform .15s;overflow:hidden}.attach-card:hover{transform:translateY(-3px)}.attach-thumb{background:var(--lavender);justify-content:center;align-items:center;height:80px;display:flex;position:relative}.attach-thumb svg{width:26px;height:26px}.attach-meta{padding:9px 10px}.attach-meta .fn{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.attach-meta .fs{color:var(--muted);font-size:10.5px}.summary-card{border-radius:22px;padding:22px}.sum-row{align-items:center;gap:10px;padding:10px 0;display:flex}.sum-ic{background:var(--paper);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sum-ic svg{width:15px;height:15px}.sum-mid{flex:1}.sum-mid .sl{color:var(--muted);font-size:12px;font-weight:700}.sum-track{background:#eee;border-radius:999px;width:130px;height:7px;margin-top:4px;overflow:hidden}.sum-fill{background:var(--violet);height:100%;transition:width 1s var(--ease);border-radius:999px}.sum-val{font-size:13.5px;font-weight:800}.sum-actions{gap:10px;margin-top:16px;display:flex}.comments-card{border-radius:22px;padding:20px}.comment-row{gap:10px;padding:10px 0;display:flex}.comment-row img{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.comment-row .cb{background:var(--paper);border-radius:14px;flex:1;padding:9px 12px}.comment-row b{font-size:12.5px}.comment-row span.ctime{color:var(--muted);margin-left:6px;font-size:10.5px}.comment-row p{margin:2px 0 0;font-size:13px}.comment-input-row{border-top:1px solid var(--line-soft);gap:8px;margin-top:8px;padding-top:12px;display:flex}.comment-input-row input{border:1.5px solid var(--line-soft);border-radius:999px;flex:1;padding:10px 16px;font-family:inherit;font-size:13.5px}.comment-input-row input:focus{border-color:var(--violet);outline:none}.comment-input-row button{background:var(--nav);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .12s;display:flex}.comment-input-row button:active{transform:scale(.9)}.profile-hero{flex-wrap:wrap;align-items:center;gap:22px;padding:22px;display:flex}.profile-avatar-lg{background:var(--lime);border-radius:24px;flex:none;width:88px;height:88px;position:relative;overflow:hidden}.profile-avatar-lg img{object-fit:cover;width:100%;height:100%}.profile-name{flex:none}.profile-name h2{margin:0 0 3px;font-size:21px;font-weight:800}.profile-name p{color:var(--muted);margin:0;font-size:13px}.profile-name .edit-link{border:1.5px solid var(--line-soft);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:6px 13px;font-size:12.5px;font-weight:700;transition:background .15s;display:inline-flex}.profile-name .edit-link:hover{background:var(--paper)}.profile-mini-stats{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:12px;display:flex}.mini-week{flex-direction:column;gap:11px;margin-top:14px;display:flex}.mw-row{align-items:center;gap:10px;display:flex}.mw-day{width:32px;color:var(--muted);font-size:12.5px;font-weight:700}.mw-track{background:#eee;border-radius:999px;flex:1;height:10px;overflow:hidden}.mw-fill{width:0;height:100%;transition:width 1s var(--ease);border-radius:999px}.mw-val{text-align:right;width:46px;color:var(--muted);font-size:12px;font-weight:700}.tip-box{background:var(--lavender);border-radius:14px;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:12.5px;font-weight:700;display:flex}.mini-cal{margin-top:10px}.mini-cal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-cal-table{border-collapse:collapse;width:100%}.mini-cal-table th{color:var(--muted);padding:4px 2px;font-size:10.5px;font-weight:700}.mini-cal-table td{text-align:center;cursor:pointer;border-radius:8px;padding:5px 2px;font-size:12px;font-weight:600;position:relative}.mini-cal-table td:hover{background:var(--paper)}.mini-cal-table td.today{background:var(--lime);font-weight:800}.mini-cal-table td .evdot{background:var(--violet);border-radius:50%;width:4px;height:4px;margin:2px auto 0}.mini-cal-table td.muted2{color:#ccc}.report-row{border:1px solid var(--line-soft);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:14px;margin-bottom:10px;padding:14px;transition:transform .15s,box-shadow .15s;display:flex}.report-row:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.report-row .ric{background:var(--paper);border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.report-row .ric svg{width:17px;height:17px}.report-row .rmid{flex:1;min-width:0}.report-row .rmid b{font-size:14px;display:block}.report-row .rmid span{color:var(--muted);font-size:12px}.report-row .rstat{border-radius:999px;flex:none;padding:5px 10px;font-size:11.5px;font-weight:700}.rstat.Completed{background:var(--mint);color:#1e6e56}.rstat.InReview{background:var(--peach);color:#8a5a10}.rstat.InProgress{background:var(--lavender);color:var(--violet-ink)}.rstat.ToDo{background:var(--paper);color:var(--muted)}.reports-grid-2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;opacity:0;pointer-events:none;transition:opacity .22s var(--ease);background:#14131a52;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.modal{opacity:0;width:100%;max-width:520px;max-height:86vh;transition:transform .22s var(--ease), opacity .22s var(--ease);box-shadow:var(--shadow-float);background:#fff;border-radius:22px;padding:26px;overflow:auto;transform:translateY(8px)scale(.97)}.overlay.show .modal{opacity:1;transform:translateY(0)scale(1)}.modal.wide{max-width:640px}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.modal-head h3{margin:0;font-size:20px;font-weight:800}.modal-close{background:var(--paper);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.modal-close:hover{background:var(--line-soft)}.modal-foot{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}#toast-wrap{z-index:200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--nav);color:#fff;box-shadow:var(--shadow-float);opacity:0;transition:transform .3s var(--ease), opacity .3s var(--ease);pointer-events:auto;border-radius:14px;align-items:center;gap:10px;max-width:320px;padding:14px 20px;font-size:14px;font-weight:600;display:flex;transform:translate(30px)}.toast.show{opacity:1;transform:translate(0)}.toast .tic{background:var(--lime);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast .tic svg{width:11px;height:11px;color:var(--nav)}.hand-note{color:var(--violet-ink);font-family:Caveat,cursive;font-size:22px;font-weight:700;transform:rotate(-3deg)}.footer-tag{text-align:right;color:var(--muted);margin-top:18px;font-size:12.5px}@media (width<=1180px){.dash-grid,.cal-layout,.form-layout,.activity-layout,.analytics-layout,.rd-layout{grid-template-columns:1fr}.kanban-wrap,.proj-grid{grid-template-columns:1fr 1fr}.card-grid-2{grid-template-columns:1fr}}@media (width<=760px){main{padding:18px 16px 90px}.nav-links{display:none}.page-head h1{font-size:28px}.proj-grid,.kanban-wrap,.form-2col,.form-3col{grid-template-columns:1fr}.rd-grid2,.rd-mini3,.attach-grid{grid-template-columns:1fr 1fr}.topnav{padding:12px 14px}.profile-pill .meta{display:none}.bottom-nav{background:var(--nav);padding:10px 4px calc(10px + env(safe-area-inset-bottom,0px));z-index:50;border-top:1px solid #ffffff14;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#ffffff8c;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.bottom-nav button.active{color:var(--lime)}.bottom-nav svg{width:19px;height:19px}}@media (width>=761px){.bottom-nav{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}.admin-ui-settings-view{animation:fadeIn .3s var(--ease)}.admin-badge-pill{color:var(--primary-color,#4a55ff);background:#4a55ff1a;border:1px solid #4a55ff33;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.admin-badge-pill .dot{background:var(--primary-color,#4a55ff);border-radius:50%;width:7px;height:7px}.admin-header-actions{align-items:center;gap:12px;display:flex}.admin-alert{border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:600;display:flex}.admin-alert.success{color:#1e7e34;background:#eafaf1;border:1px solid #c3e6cb}.admin-alert.danger{color:#c53030;background:#fdf2f2;border:1px solid #f8b4b4}.admin-settings-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.95fr);align-items:start;gap:28px;display:grid}@media (width<=980px){.admin-settings-grid{grid-template-columns:1fr}}.admin-card{border:1px solid var(--line-soft);box-shadow:var(--shadow-card);background:#fff;border-radius:18px;margin-bottom:24px;padding:24px}.admin-card .card-header{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-card .card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.admin-card .card-icon svg{width:22px;height:22px}.admin-card .card-header h2{margin:0 0 2px;font-size:19px;font-weight:800}.admin-card .card-header p{color:var(--muted);margin:0;font-size:13px}.color-inputs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=540px){.color-inputs-grid{grid-template-columns:1fr}}.color-field{flex-direction:column;gap:6px;display:flex}.color-field label{color:var(--ink);font-size:13px;font-weight:700}.color-input-wrapper{background:var(--paper);border:1.5px solid var(--line-soft);border-radius:12px;align-items:center;gap:8px;padding:4px 10px;transition:border-color .2s;display:flex}.color-input-wrapper:focus-within{border-color:var(--primary-color,#4a55ff)}.color-input-wrapper input[type=color]{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:8px;width:32px;height:32px;padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:1px solid #00000026;border-radius:8px}.color-input-wrapper input[type=text]{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:monospace;font-size:14px;font-weight:600}.field-hint{color:var(--muted);font-size:11.5px;line-height:1.3}.form-fields-stack{flex-direction:column;gap:20px;display:flex}.admin-form-group{flex-direction:column;gap:6px;display:flex}.admin-form-group label{color:var(--ink);font-size:13px;font-weight:700}.font-selector-row{gap:10px;display:flex}.font-selector-row input{background:var(--paper);border:1.5px solid var(--line-soft);color:var(--ink);border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:14px}.font-selector-row input:focus{border-color:var(--primary-color,#4a55ff)}.font-selector-row select{background:var(--paper);border:1.5px solid var(--line-soft);color:var(--ink);cursor:pointer;border-radius:12px;outline:none;padding:10px 14px;font-size:13px;font-weight:600}.admin-range-field{flex-direction:column;gap:8px;display:flex}.range-header{justify-content:space-between;align-items:center;display:flex}.range-header label{color:var(--ink);font-size:13px;font-weight:700}.range-badge{background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:flex}.range-badge input{width:48px;color:var(--ink);text-align:right;background:0 0;border:none;outline:none;font-size:13px;font-weight:700}.range-badge span{color:var(--muted);font-size:11px;font-weight:600}.admin-range-field input[type=range]{width:100%;accent-color:var(--primary-color,#4a55ff);cursor:pointer}.branding-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=680px){.branding-upload-grid{grid-template-columns:1fr}}.upload-box{flex-direction:column;gap:8px;display:flex}.upload-box label{color:var(--ink);font-size:13px;font-weight:700}.upload-dropzone{border:2px dashed var(--line-soft);background:var(--paper);border-radius:14px;justify-content:center;align-items:center;min-height:120px;padding:12px;transition:border-color .2s,background .2s;display:flex}.upload-dropzone:hover{border-color:var(--primary-color,#4a55ff);background:#fff}.file-select-trigger{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.file-select-trigger svg{width:22px;height:22px;color:var(--primary-color,#4a55ff)}.file-select-trigger span{color:var(--ink);font-size:12px;font-weight:700}.file-select-trigger small{color:var(--muted);font-size:10.5px}.file-preview-content{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.uploaded-thumb{object-fit:contain;border:1px solid var(--line-soft);background:#fff;border-radius:8px;max-width:64px;max-height:64px;padding:4px}.file-meta{text-align:center;max-width:100%}.file-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;font-weight:600;display:block;overflow:hidden}.file-status{color:#1e7e34;font-size:10px;font-weight:700}.btn-remove-file{color:#e14b4b;cursor:pointer;background:#e14b4b1a;border:none;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.btn-remove-file:hover{color:#fff;background:#e14b4b}.upload-server-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:18px;padding:12px 14px}.upload-server-note .note-badge{text-transform:uppercase;color:#475569;background:#e2e8f0;border-radius:6px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.upload-server-note p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.form-bottom-actions{justify-content:flex-end;gap:12px;padding:12px 0 32px;display:flex}.live-preview-sticky-card{border:1px solid var(--line-soft);box-shadow:var(--shadow-float);background:#fff;border-radius:20px;padding:20px;position:sticky;top:90px}.preview-top-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-badge{letter-spacing:.5px;color:#1e7e34;background:#eafaf1;border:1px solid #c3e6cb;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11.5px;font-weight:800;display:flex}.live-pulsing-dot{background:#28a745;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 0 3px #28a7454d}@keyframes pulse{50%{opacity:.5}}.preview-help-text{color:var(--muted);font-size:11.5px;font-weight:500}.mockup-canvas{border:1px solid var(--line-soft);border-radius:16px;transition:background-color .25s,color .25s;overflow:hidden;box-shadow:inset 0 2px 4px #00000005}.mockup-header{color:#fff;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.mockup-brand{font-size:16px;font-weight:800}.mockup-logo-img{object-fit:contain;max-height:28px}.mockup-profile-pill{background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.mockup-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:flex}.mockup-profile-text{flex-direction:column;line-height:1.1;display:flex}.mockup-name{font-size:11.5px;font-weight:700}.mockup-mail{opacity:.7;font-size:9.5px}.mockup-preview-section{padding:16px}.mockup-section-label{text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin-bottom:8px;font-size:11px;font-weight:700}.mockup-dropdown-box{background:#fff;border:1.5px solid;border-radius:14px;padding:8px;box-shadow:0 10px 25px -10px #00000026}.mockup-menu-item{border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.mockup-menu-item:hover{background:#f8fafc}.mockup-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;transition:width .2s,height .2s;display:flex}.custom-icon-img{object-fit:contain;width:100%;height:100%}.mockup-item-text{font-size:13px;font-weight:600}.mockup-sample-elements{border-top:1px solid var(--line-soft);background:#ffffff80;padding:16px}.mockup-btn-row{align-items:center;gap:10px;display:flex}.mockup-preview-btn{cursor:default;border:none;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:700}.mockup-chip{border:1px solid;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:700}.mockup-specs-summary{border-top:1px solid var(--line-soft);text-align:center;background:#f8fafc;grid-template-columns:repeat(3,1fr);padding:12px;display:grid}.mockup-specs-summary .spec-item{flex-direction:column;display:flex}.mockup-specs-summary .lbl{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.mockup-specs-summary .val{color:var(--ink);font-size:13px;font-weight:800}.admin-access-denied-card{border:1px solid var(--line-soft);text-align:center;max-width:520px;box-shadow:var(--shadow-float);background:#fff;border-radius:20px;margin:60px auto;padding:40px}.admin-access-denied-card .shield-icon{color:#e14b4b;background:#e14b4b1f;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.admin-access-denied-card .shield-icon svg{width:32px;height:32px}.admin-access-denied-card h2{margin:0 0 10px;font-size:24px;font-weight:800}.admin-access-denied-card p{color:var(--muted);margin:0 0 16px;font-size:14.5px;line-height:1.5}.admin-access-denied-card .admin-highlight{color:var(--primary-color,#4a55ff);font-weight:700}.admin-access-denied-card .current-user-info{background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;margin-bottom:24px;padding:10px 14px;font-size:13px}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0c0b1099;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-dialog{width:100%;max-width:480px;box-shadow:var(--shadow-float);animation:scaleUp .2s var(--ease);background:#fff;border-radius:20px;padding:24px}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-modal-dialog .modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-modal-dialog .modal-header h3{margin:0;font-size:19px;font-weight:800}.btn-close-modal{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px}.btn-close-modal:hover{color:var(--ink)}.modal-body p{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.5}.modal-reset-list{color:var(--ink);margin:0 0 20px;padding-left:20px;font-size:13px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#e14b4b;border:none;border-radius:999px;padding:10px 20px;font-weight:700}.btn-danger:hover{background:#c53030}.loading-skeleton-panel{border:1px solid var(--line-soft);background:#fff;border-radius:18px;padding:32px}.skeleton-line.title{background:var(--paper);border-radius:8px;width:240px;height:28px;margin-bottom:24px;animation:1.5s ease-in-out infinite pulseSkeleton}.skeleton-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.skeleton-box{background:var(--paper);border-radius:14px;height:140px;animation:1.5s ease-in-out infinite pulseSkeleton}.loading-text{color:var(--muted);text-align:center;margin:0;font-size:13px;font-weight:600}@keyframes pulseSkeleton{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.feature-evidence-card{border:1px solid var(--line-soft);background:var(--card);box-shadow:var(--shadow-card);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.feature-evidence-card:hover{box-shadow:var(--shadow-float)}.feature-evidence-media{background:var(--paper);width:100%;position:relative;overflow:hidden}.feature-evidence-body{flex-direction:column;gap:14px;padding:24px 26px;display:flex}.feature-evidence-body .tag-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.deadline-badge{color:var(--muted);background:var(--paper);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.deadline-badge svg{width:14px;height:14px}.feature-evidence-body h3{color:var(--ink);margin:0;font-size:22px;font-weight:800;line-height:1.3}.feature-desc{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.feature-progress-box{background:var(--paper);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.feature-progress-box .feature-pct{color:var(--ink);justify-content:space-between;align-items:center;margin:0;font-size:13px;font-weight:800;display:flex}.feature-progress-box .sprint-tag{color:var(--muted);font-size:12px;font-weight:600}.feature-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:6px;display:flex}.feature-actions{align-items:center;gap:10px;display:flex}.work-card.evidence-card{background:var(--card);border:1px solid var(--line-soft);box-shadow:var(--shadow-card);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:20px;flex-direction:column;min-height:auto;padding:0;display:flex;overflow:hidden}.work-card.evidence-card:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.wc-evidence-media{background:var(--paper);width:100%;position:relative;overflow:hidden}.wc-content{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.wc-cat-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-badge{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.status-badge-sm{background:var(--paper);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.wc-title{color:var(--ink);max-width:100%;margin:0;font-size:17px;font-weight:800;line-height:1.35}.wc-sub-meta{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.wc-sub-meta .pct-bold{color:var(--ink);font-weight:800}.wc-sub-meta .dot-sep{opacity:.5}.wc-sub-meta .sub-tag{color:var(--violet);font-weight:600}.wc-progress-row{align-items:center;width:100%;margin:2px 0;display:flex}.wc-progress-row .mini-track{background:#ece9f5;border-radius:999px;width:100%;height:6px;overflow:hidden}.wc-progress-row .mini-fill{height:100%;transition:width .8s var(--ease);border-radius:999px}.wc-footer-meta{justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.avatar-stack-sm{display:flex}.avatar-stack-sm img,.avatar-stack-sm .plus-sm{object-fit:cover;background:var(--lavender);border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-left:-8px}.avatar-stack-sm img:first-child,.avatar-stack-sm .plus-sm:first-child{margin-left:0}.avatar-stack-sm .plus-sm{border:1.5px solid var(--line-soft);color:var(--muted);background:#fff;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.wc-date-chip{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.wc-date-chip svg{width:14px;height:14px}.wc-action-row{border-top:1px solid var(--line-soft);justify-content:flex-end;padding-top:6px;display:flex}.proj-card.proj-evidence-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.proj-evidence-media{background:var(--paper);width:100%;position:relative;overflow:hidden}.proj-card-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.proj-card.proj-evidence-card h4{max-width:100%;margin:0;font-size:17px;font-weight:800}.proj-card.proj-evidence-card p{color:var(--muted);max-width:100%;margin:0;font-size:12.5px;line-height:1.45}.proj-card.proj-evidence-card .proj-pct{margin:0;font-size:13px;font-weight:800}.proj-due{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.proj-due svg{width:14px;height:14px}.work-evidence-container{background:#f4f5fa;width:100%;position:relative;overflow:hidden}.work-evidence-main{cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden}.evidence-img-cover{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease);display:block}.work-evidence-main:hover .evidence-img-cover{transform:scale(1.025)}.evidence-badge-overlay{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:10px;right:10px}.evidence-pill{-webkit-backdrop-filter:blur(8px);color:#fff;background:#19194dbf;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00000026}.evidence-dot{background:#2ee6a8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #2ee6a8}.evidence-zoom-hint{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:.85;background:#19194dbf;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .2s;display:flex}.work-evidence-main:hover .evidence-zoom-hint{opacity:1;transform:scale(1.1)}.evidence-zoom-hint svg{width:13px;height:13px}.work-evidence-gallery-strip{z-index:3;align-items:center;gap:5px;display:flex;position:absolute;bottom:8px;right:8px}.evidence-mini-thumb{cursor:pointer;background:#fff;border:1.5px solid #fff;border-radius:8px;width:32px;height:32px;padding:0;transition:transform .15s;overflow:hidden;box-shadow:0 2px 6px #0003}.evidence-mini-thumb:hover{transform:scale(1.08)}.evidence-mini-thumb img{object-fit:cover;width:100%;height:100%;display:block}.evidence-mini-thumb.more{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#19194dd9;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.work-evidence-empty{border-bottom:1px dashed var(--line-soft);text-align:center;background:linear-gradient(#fafbfe 0%,#f1f3fa 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:24px 16px;display:flex}.empty-evidence-icon{border:1px solid var(--line-soft);width:36px;height:36px;color:var(--muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #0000000a}.empty-evidence-icon svg{width:16px;height:16px}.empty-evidence-text{flex-direction:column;gap:2px;display:flex}.empty-evidence-text b{color:var(--ink);font-size:12.5px;font-weight:700}.empty-evidence-text span{color:var(--muted);font-size:11px}.empty-evidence-btn{margin-top:4px;padding:4px 10px;font-size:11.5px}.evidence-form-picker-box{background:var(--paper);border:1.5px dashed var(--line-soft);border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:border-color .2s;display:flex}.evidence-form-picker-box:hover{border-color:var(--violet)}.evidence-picker-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.picker-status-txt{color:var(--muted);font-size:12.5px;font-weight:600}.evidence-form-thumbs-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:4px;display:grid}.evidence-form-thumb-item{aspect-ratio:1;background:#fff;border:2px solid #fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.evidence-form-thumb-item .thumb-img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .2s;display:block}.evidence-form-thumb-item:hover .thumb-img{transform:scale(1.05)}.thumb-remove-btn{color:#fff;cursor:pointer;background:#e14b4be6;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .15s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0003}.thumb-remove-btn:hover{background:#c53030;transform:scale(1.15)}.evidence-empty-preview-dropzone{border:1.5px dashed var(--line-soft);text-align:center;cursor:pointer;background:var(--paper);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:36px 20px;transition:background .2s,border-color .2s;display:flex}.evidence-empty-preview-dropzone:hover{border-color:var(--violet);background:#f1f3fa}.evidence-empty-preview-dropzone .dropzone-icon{border:1px solid var(--line-soft);width:44px;height:44px;color:var(--violet);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex;box-shadow:0 2px 8px #0000000d}.evidence-empty-preview-dropzone b{color:var(--ink);font-size:14px;font-weight:700}.evidence-empty-preview-dropzone span{color:var(--muted);font-size:12.5px}.evidence-empty-preview-dropzone small{color:var(--muted);opacity:.8;font-size:11px}.evidence-filled-preview-box{flex-direction:column;gap:12px;display:flex}.evidence-hero-frame{cursor:pointer;background:#000;border-radius:16px;width:100%;height:200px;position:relative;overflow:hidden}.hero-evidence-img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.evidence-hero-frame:hover .hero-evidence-img{transform:scale(1.03)}.hero-zoom-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#19194dcc;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:10px;right:10px}.evidence-strip-row{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.strip-thumb-btn{cursor:pointer;background:#eee;border:2px solid #0000;border-radius:10px;flex:none;width:52px;height:52px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.strip-thumb-btn.active{border-color:var(--violet);transform:scale(1.05)}.strip-thumb-btn img{object-fit:cover;width:100%;height:100%;display:block}.evidence-filled-footer{background:var(--paper);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.evidence-filled-footer .fn-title{color:var(--ink);font-size:13px;font-weight:700}.evidence-filled-footer .fn-count{color:var(--muted);font-size:11.5px}.evidence-filled-footer .fn-actions{align-items:center;gap:6px;display:flex}.report-evidence-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.report-evidence-thumb-card{aspect-ratio:4/3;cursor:pointer;border:1px solid var(--line-soft);background:#000;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.report-evidence-thumb-card .thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.report-evidence-thumb-card:hover .thumb-img{transform:scale(1.06)}.thumb-zoom-overlay{opacity:.9;background:linear-gradient(#0000 40%,#19194dcc 100%);justify-content:space-between;align-items:flex-end;padding:8px 10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.thumb-zoom-overlay .zoom-ic{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.thumb-zoom-overlay .zoom-txt{color:#fff;font-size:11px;font-weight:700}.evidence-lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0f0e19e0;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.evidence-lightbox-content{background:#181726;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;animation:.22s cubic-bezier(.22,1,.36,1) forwards popInModal;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3}@keyframes popInModal{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lightbox-image-loading{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-spinner{border:2.5px solid #fff3;border-top-color:#2ee6a8;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite lw-spin}@keyframes lw-spin{to{transform:rotate(360deg)}}.evidence-lightbox-header{background:#00000040;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.lightbox-title-wrap{flex-direction:column;gap:2px;display:flex}.lightbox-label{color:#2ee6a8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.lightbox-title{color:#fff;font-size:15px;font-weight:800}.lightbox-actions{align-items:center;gap:12px;display:flex}.lightbox-counter{color:#fff9;font-size:12.5px;font-weight:600}.lightbox-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.lightbox-close-btn:hover{background:#ffffff40}.lightbox-close-btn svg{width:16px;height:16px}.evidence-lightbox-image-wrap{background:#0d0c14;flex:1;justify-content:center;align-items:center;min-height:280px;max-height:65vh;padding:16px;display:flex;position:relative;overflow:hidden}.lightbox-img{object-fit:contain;image-rendering:auto;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 220px);box-shadow:0 10px 30px #0006;transform:none!important}.lightbox-nav-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover:not(:disabled){background:#ffffff4d}.lightbox-nav-btn:disabled{opacity:.2;cursor:not-allowed}.lightbox-nav-btn.prev{left:18px}.lightbox-nav-btn.next{right:18px}.lightbox-nav-btn svg{width:18px;height:18px}.evidence-lightbox-strip{background:#00000059;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex;overflow-x:auto}.lightbox-strip-item{cursor:pointer;opacity:.6;background:#222;border:2px solid #0000;border-radius:8px;flex:none;width:56px;height:44px;padding:0;transition:opacity .15s,border-color .15s,transform .15s;overflow:hidden}.lightbox-strip-item.active{opacity:1;border-color:#2ee6a8;transform:scale(1.08)}.lightbox-strip-item img{object-fit:cover;width:100%;height:100%;display:block}.submit-report-cta{border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:220px;height:64px;margin-top:18px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #14131a26}.submit-report-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #14131a38}.cta-icon-badge{color:#fff;background:#ffffff2e;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cta-icon-badge svg{width:18px;height:18px}.verify-actions-wrap{flex-direction:column;gap:10px;display:flex}.verify-btn-approve,.verify-btn-revision{cursor:pointer;border-radius:14px;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:transform .15s,background .15s;display:flex}.verify-action-ic{border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.verify-btn-approve .verify-action-ic{color:#fff;background:#fff3}.verify-btn-revision .verify-action-ic{background:var(--paper);color:var(--ink);border:1px solid var(--line-soft)}.verify-action-ic svg{width:18px;height:18px}.upc-arrow-chip{background:var(--paper);border:1px solid var(--line-soft);width:28px;height:28px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.upc-row:hover .upc-arrow-chip{background:var(--violet);color:#fff;border-color:var(--violet)}.btn-add-agenda{border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.rd-box-icon{width:24px;height:24px;color:var(--violet);border:1px solid var(--line-soft);background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.task-docs-section{background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;margin:18px 0;padding:16px}.task-docs-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.task-docs-head-info{flex-direction:column;gap:2px;display:flex}.task-docs-title{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.task-docs-title svg{color:var(--violet)}.task-docs-sub{color:var(--muted);font-size:12px;line-height:1.4}.task-docs-count-badge{border:1px solid var(--line-soft);color:var(--ink);background:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.task-docs-upload-compact{border:1.5px dashed var(--line-soft);cursor:pointer;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.task-docs-upload-compact:hover{border-color:var(--violet);background:#fafbfe}.task-docs-upload-compact.dragging{border-color:var(--violet);background:#f1eeff}.upload-compact-content{align-items:center;gap:12px;display:flex}.upload-compact-ic{background:var(--paper);border:1px solid var(--line-soft);width:36px;height:36px;color:var(--violet);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.upload-compact-text{flex-direction:column;gap:2px;display:flex}.upload-compact-text b{color:var(--ink);font-size:13px}.upload-compact-text span{color:var(--muted);font-size:11px}.btn-upload-trigger{border-radius:10px;flex:none;padding:6px 14px;font-size:12px;font-weight:700}.task-docs-upload-progress{border:1px solid var(--line-soft);background:#fff;border-radius:12px;margin-bottom:12px;padding:10px 14px}.progress-status-row{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.upload-spinner-dot{background:var(--violet);border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1s infinite alternate pulseDot;display:inline-block}@keyframes pulseDot{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.task-docs-track{background:var(--paper);border-radius:999px;height:6px;overflow:hidden}.task-docs-fill{background:var(--violet);border-radius:999px;height:100%;transition:width .2s}.task-docs-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-height:240px;padding:2px;display:grid;overflow-y:auto}@media (width<=640px){.task-docs-grid{grid-template-columns:repeat(2,1fr)}}.task-doc-item{aspect-ratio:4/3;border:1.5px solid var(--line-soft);cursor:pointer;background:#14131a;border-radius:12px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000f}.task-doc-item:hover{border-color:var(--violet);transform:translateY(-2px)}.task-doc-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.task-doc-video-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14131abf;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-doc-item:hover .task-doc-video-badge{background:var(--violet);transform:translate(-50%,-50%)scale(1.1)}.task-doc-type-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14131abf;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.task-doc-meta-overlay{color:#fff;background:linear-gradient(#0000 0%,#14131ae0 100%);justify-content:space-between;align-items:flex-end;padding:8px 6px 5px;display:flex;position:absolute;bottom:0;left:0;right:0}.task-doc-name-cut{white-space:nowrap;text-overflow:ellipsis;max-width:70%;font-size:10.5px;font-weight:600;overflow:hidden}.task-doc-size{opacity:.8;font-size:9.5px}.task-doc-delete-btn{color:#fff;cursor:pointer;opacity:.85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#14131abf;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .15s,background .15s,transform .15s;display:flex;position:absolute;top:6px;right:6px}.task-doc-delete-btn:hover{opacity:1;background:#e14b4b;transform:scale(1.1)}.task-docs-empty{border:1px dashed var(--line-soft);text-align:center;color:var(--muted);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px;font-size:12px;display:flex}.task-docs-empty b{color:var(--ink);font-size:12.5px}.doc-delete-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#14131aa6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.doc-delete-confirm-card{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:380px;padding:22px;animation:.18s scaleIn;box-shadow:0 16px 40px #00000040}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.doc-delete-confirm-card h4{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:800}.doc-delete-confirm-card p{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.5}.doc-delete-confirm-actions{justify-content:center;gap:10px;display:flex}.btn-confirm-delete{color:#fff;cursor:pointer;background:#e14b4b;border:none;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .15s}.btn-confirm-delete:hover{background:#c53030}.media-viewer-overlay{z-index:1500;-webkit-backdrop-filter:blur(14px);background:#0c0b14eb;justify-content:center;align-items:center;padding:18px;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.media-viewer-content{background:#181726;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:980px;max-height:92vh;animation:.22s cubic-bezier(.22,1,.36,1) forwards popInModal;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -15px #000c}.media-viewer-header{background:#0000004d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.media-header-meta{align-items:center;gap:12px;min-width:0;display:flex}.media-type-badge{color:#2ee6a8;background:#ffffff1f;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.media-file-info{flex-direction:column;gap:2px;min-width:0;display:flex}.media-filename{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.media-meta-sub{color:#ffffff8c;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.media-header-actions{flex:none;align-items:center;gap:12px;display:flex}.media-counter{color:#fff9;font-size:12px;font-weight:700}.media-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.media-close-btn:hover{background:#ffffff40}.media-viewer-viewport{background:#0f0e18;flex:1;justify-content:center;align-items:center;min-height:280px;max-height:64vh;padding:14px;display:flex;position:relative}.media-display-container{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.media-image-display{object-fit:contain;image-rendering:auto;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 220px);transform:none!important}.media-video-player{background:#000;border-radius:10px;outline:none;max-width:100%;max-height:58vh}.media-nav-btn{color:#fff;cursor:pointer;z-index:5;background:#ffffff26;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-nav-btn:hover:not(:disabled){background:#ffffff4d}.media-nav-btn:disabled{opacity:.2;cursor:not-allowed}.media-nav-btn.prev{left:14px}.media-nav-btn.next{right:14px}.media-viewer-strip{background:#00000059;border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:12px 18px;display:flex;overflow-x:auto}.media-strip-item{cursor:pointer;opacity:.6;background:#201f2e;border:2px solid #0000;border-radius:8px;flex:none;width:56px;height:44px;padding:0;transition:opacity .15s,border-color .15s,transform .15s;position:relative;overflow:hidden}.media-strip-item.active{opacity:1;border-color:#2ee6a8;transform:scale(1.06)}.media-strip-item img{object-fit:cover;width:100%;height:100%;display:block}.media-strip-video-thumb{background:#111;width:100%;height:100%;position:relative}.media-strip-placeholder{color:#ffffffb3;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.strip-play-badge{color:#fff;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kcard-docs-chip{color:var(--violet);background:#4a55ff14;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=768px){.feature-evidence-body{padding:18px}.feature-evidence-body h3{font-size:19px}.work-evidence-container{aspect-ratio:16/9;height:auto!important}.evidence-hero-frame{height:160px}.report-evidence-gallery-grid{grid-template-columns:repeat(2,1fr)}}.rd-editorial-header{margin-bottom:24px}.rd-breadcrumb-wrap{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.rd-breadcrumb-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;transition:color .15s;display:inline-flex}.rd-breadcrumb-btn:hover{color:var(--ink)}.rd-breadcrumb-sep{color:var(--line-soft);font-weight:400}.rd-breadcrumb-current{color:var(--ink);font-weight:700}.rd-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.rd-title-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rd-headline{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.rd-status-badge{border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.rd-status-badge.status-completed{background:var(--mint);color:#0b4535}.rd-status-badge.status-in_review{background:var(--peach);color:#7a4100}.rd-status-badge.status-in_progress{background:var(--lavender);color:#3b2a82}.rd-status-badge.status-todo{background:var(--paper);color:var(--ink)}.btn-edit-report{color:#fff;letter-spacing:.02em;cursor:pointer;background:#14131a;border:1.5px solid #14131a;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:2px 2px #14131a26}.btn-edit-report:hover{background:#2a2836;border-color:#2a2836;transform:translateY(-1px)}.rd-info-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}@media (width<=900px){.rd-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.rd-info-grid{grid-template-columns:1fr}}.rd-info-item{border:1.5px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.rd-info-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.rd-info-value{color:var(--ink);font-size:15px;font-weight:800}.rd-progress-box{border:1.5px solid var(--line);background:#fff;border-radius:8px;margin-bottom:22px;padding:18px 20px}.rd-progress-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rd-progress-label{color:var(--ink);font-size:13.5px;font-weight:700}.rd-progress-pct{color:var(--violet);font-size:16px;font-weight:800}.rd-progress-track{background:var(--paper);border:1px solid var(--line-soft);border-radius:6px;width:100%;height:10px;overflow:hidden}.rd-progress-bar{background:var(--violet);height:100%;transition:width .4s}.rd-desc-box{border:1.5px solid var(--line);background:#fff;border-radius:8px;margin-bottom:24px;padding:22px 24px}.rd-section-title{color:var(--ink);align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:800;display:flex}.rd-desc-content{color:var(--ink);white-space:pre-wrap;margin:0;font-size:15px;line-height:1.7}.rd-evidence-box{border:1.5px solid var(--line);background:#fff;border-radius:8px;margin-bottom:24px;padding:22px 24px}.rd-evidence-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.rd-evidence-actions-toolbar{align-items:center;gap:8px;display:flex}.rd-evidence-action-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.rd-evidence-action-btn:hover{background:#eee}.rd-lampiran-box{border:1.5px solid var(--line);background:#fff;border-radius:8px;margin-bottom:24px;padding:22px 24px}.rd-lampiran-empty{text-align:center;color:var(--muted);background:var(--paper);border:1px dashed var(--line-soft);border-radius:6px;padding:24px;font-size:13.5px}.rd-edit-container{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:28px 32px;box-shadow:3px 3px #14131a14}.rd-edit-header{border-bottom:1.5px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.rd-edit-title{color:var(--ink);margin:0 0 6px;font-size:22px;font-weight:800}.rd-edit-sub{color:var(--muted);margin:0;font-size:13.5px}.rd-edit-form{flex-direction:column;gap:20px;display:flex}.rd-edit-grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=680px){.rd-edit-grid-2{grid-template-columns:1fr}}.rd-edit-field{flex-direction:column;gap:7px;display:flex}.rd-edit-label{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.rd-edit-label .req{color:var(--danger)}.rd-edit-input,.rd-edit-select,.rd-edit-textarea{background:var(--paper);border:1.5px solid var(--line);width:100%;color:var(--ink);border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.rd-edit-input:focus,.rd-edit-select:focus,.rd-edit-textarea:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 3px #6a54f026}.rd-edit-textarea{resize:vertical;min-height:120px;line-height:1.6}.rd-edit-progress-wrap{align-items:center;gap:14px;display:flex}.rd-edit-progress-slider{accent-color:var(--violet);cursor:pointer;flex:1;height:6px}.rd-edit-progress-num{text-align:center;width:75px;font-weight:700}.rd-edit-error-banner{color:#991b1b;background:#fef2f2;border:1.5px solid #ef4444;border-radius:6px;align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.rd-edit-actions{border-top:1.5px solid var(--line);justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;display:flex}.btn-save-edit{color:#fff;letter-spacing:.02em;cursor:pointer;background:#14131a;border:1.5px solid #14131a;border-radius:6px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex}.btn-save-edit:hover:not(:disabled){background:#2a2836;transform:translateY(-1px)}.btn-save-edit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-edit{background:var(--paper);color:var(--ink);border:1.5px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.btn-cancel-edit:hover:not(:disabled){background:#f1eee7}.btn-cancel-edit:disabled{opacity:.6;cursor:not-allowed}.rd-btn-edit{color:#fff;letter-spacing:.02em;cursor:pointer;background:#14131a;border:1.5px solid #14131a;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #14131a1a}.rd-btn-edit:hover{background:#2a2836;border-color:#2a2836;transform:translateY(-1px)}@media (width<=900px){.rd-btn-edit{margin-left:0}}.edit-report-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#14131aa6;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) editModalFadeIn;display:flex;position:fixed;inset:0}@keyframes editModalFadeIn{0%{opacity:0}to{opacity:1}}.edit-report-modal-dialog{background:#fff;border:1.5px solid #14131a;border-radius:12px;flex-direction:column;width:100%;max-width:680px;max-height:calc(100vh - 40px);animation:.22s cubic-bezier(.16,1,.3,1) editModalPopIn;display:flex;overflow:hidden;box-shadow:0 20px 45px -15px #14131a59}@keyframes editModalPopIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.edit-modal-header{background:var(--paper);border-bottom:1.5px solid #14131a;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.edit-modal-title{color:var(--ink);letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:800}.edit-modal-subtitle{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.edit-modal-close-btn{cursor:pointer;width:32px;height:32px;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.edit-modal-close-btn:hover{border-color:var(--line-soft);background:#14131a14}.edit-modal-body{background:#fff;flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}.edit-form-field{flex-direction:column;gap:6px;display:flex}.edit-form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.edit-form-grid-2{grid-template-columns:1fr}}.edit-form-label{color:var(--ink);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.edit-form-input,.edit-form-select,.edit-form-textarea{background:var(--paper);width:100%;color:var(--ink);border:1.5px solid #14131a;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.edit-form-input:focus,.edit-form-select:focus,.edit-form-textarea:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 3px #6a54f026}.edit-form-textarea{resize:vertical;min-height:110px;line-height:1.6}.edit-progress-header{justify-content:space-between;align-items:center;display:flex}.edit-progress-val{color:var(--violet);font-size:14px;font-weight:800}.edit-progress-slider-wrap{align-items:center;gap:12px;display:flex}.edit-progress-range{accent-color:var(--violet);cursor:pointer;flex:1;height:6px}.edit-progress-input-num{text-align:center;width:72px;padding:8px 10px;font-weight:700}.edit-form-error-banner{color:#991b1b;background:#fef2f2;border:1.5px solid #ef4444;border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.edit-modal-footer{background:var(--paper);border-top:1.5px solid #14131a;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;display:flex}.btn-modal-cancel{color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #14131a;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .15s}.btn-modal-cancel:hover:not(:disabled){background:#f2eee6}.btn-modal-cancel:disabled{opacity:.55;cursor:not-allowed}.btn-modal-save{color:#fff;letter-spacing:.02em;cursor:pointer;background:#14131a;border:1.5px solid #14131a;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:13.5px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #14131a26}.btn-modal-save:hover:not(:disabled){background:#2a2836;border-color:#2a2836;transform:translateY(-1px)}.btn-modal-save:disabled{opacity:.55;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite btnSpin}@keyframes btnSpin{to{transform:rotate(360deg)}}.attachment-dropzone-box{transition:border-color .18s,background-color .18s}.attachment-dropzone-box:hover{border-color:var(--line)}.attachment-file-row{transition:transform .15s,border-color .15s,box-shadow .15s}.attachment-file-row:hover{box-shadow:0 2px 6px #0000000a;border-color:var(--line)!important}.attachment-file-row.pending{border-left:3px solid var(--violet)!important}.attachment-file-row.stored{border-left:3px solid #16a34a!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@font-face{font-family:POPFUN;src:url(/motion/POPFUN.woff2)format("woff2"),url(/motion/POPFUN.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lw-font-display:"POPFUN", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--lw-font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lw-ease-out:cubic-bezier(.22, 1, .36, 1);--lw-ease-in-out:cubic-bezier(.65, 0, .35, 1);--lw-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lw-fast:.16s;--lw-base:.26s;--lw-slow:.52s}html{font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.display-heading,.page-head h1,.stat-chip .num,[data-motion-font=display]{font-family:var(--lw-font-display)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}:where(a,button,[role=button],[role=tab],[role=menuitem],summary,label,input,select,textarea,[class*=btn],[class*=card]:not([role=dialog] *),[class*=item]:not([role=dialog] *)){transition-property:color,background-color,border-color,box-shadow,opacity,translate,scale;transition-duration:var(--lw-base);transition-timing-function:var(--lw-ease-out)}:where(button,[role=button],[role=tab],a[class*=btn],a[class*=button],[class*=btn],summary):active{transition-duration:var(--lw-fast);transition-timing-function:var(--lw-ease-spring);scale:.98}:where(button,[role=button],[class*=btn]):is(:disabled,[aria-disabled=true]):active{scale:1}@media (hover:hover){:where(a[class*=card],button[class*=card],[class*=card][tabindex],[class*=card][onclick],[data-motion~=lift]):not([role=dialog] *):hover{translate:0 -2px}:where(a[class*=card],button[class*=card],[class*=card][tabindex],[class*=card][onclick],[data-motion~=lift]):not([role=dialog] *):active{translate:0 -1px;scale:.995}}:where([role=progressbar]>*,progress,[class*=progress]>[style*=width],[class*=bar-fill],[class*=progress-fill]){transition:width .8s var(--lw-ease-out), inline-size .8s var(--lw-ease-out)}}@keyframes lw-reveal{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes lw-view-in{0%{opacity:0;translate:0 6px;scale:.994}to{opacity:1;translate:0;scale:1}}@keyframes lw-pop{0%{opacity:0;translate:0 8px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes lw-fade{0%{opacity:0}to{opacity:1}}@keyframes lw-ripple{0%{opacity:.22;scale:0}to{opacity:0;scale:1}}@keyframes lw-bar{0%{opacity:1;scale:0 1}60%{opacity:1;scale:.85 1}to{opacity:0;scale:1}}.lw-reveal{opacity:0;translate:0 16px}.lw-reveal.lw-in{animation:lw-reveal .48s var(--lw-ease-out) var(--lw-d,0s) both}.lw-view-in{animation:lw-view-in .3s var(--lw-ease-out) both}.lw-pop{animation:lw-pop .25s var(--lw-ease-out) both;transform-origin:50%}.lw-fade{animation:lw-fade .22s var(--lw-ease-out) both}.lw-bar{z-index:2147483000;pointer-events:none;transform-origin:0;background:var(--violet,#6a54f0);opacity:0;height:2px;position:fixed;inset:0 0 auto;scale:0 1}.lw-bar.run{animation:lw-bar .65s var(--lw-ease-out) forwards}.lw-ripple{pointer-events:none;z-index:2147483000;position:fixed;overflow:hidden}.lw-ripple>i{opacity:0;animation:lw-ripple .5s var(--lw-ease-out) forwards;background:currentColor;border-radius:50%;position:absolute;scale:0}[data-parallax]:not([role=dialog] *){translate:0 var(--lw-py,0px);will-change:translate}[data-motion=none],[data-motion=none] *,[role=dialog] img,[class*=lightbox] img,[class*=viewer] img,.lightbox-img,.media-image-display{-webkit-filter:none!important;animation-name:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.lw-reveal,.lw-reveal.lw-in{opacity:1!important;animation:none!important;translate:none!important}.lw-view-in,.lw-pop,.lw-fade{animation:none!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}