*,*:before,*:after{box-sizing:border-box}html,body,#root{min-width:0;width:100%;max-width:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;scroll-padding-top:12px}body{margin:0;overflow-x:hidden}img,video,canvas,svg{max-width:100%}.kf-app-shell{width:100%;min-width:0;max-width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip}.kf-app-shell :where(input,select,textarea,button){max-width:100%}.kf-modal-overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.kf-content-wrap,.kf-projects-grid,.kf-settings-page-wrap,.kf-settings-grid,.kf-field-row{min-width:0;max-width:100%}.kf-payment-page{width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip}.kf-payment-shell,.kf-payment-card{min-width:0;max-width:100%}.kf-payment-method{min-width:0;max-width:100%;overflow-wrap:anywhere;touch-action:manipulation}.kf-payment-method>span{min-width:0;overflow-wrap:anywhere}.kf-portfolio-page,.kf-shared-page{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip}@media (max-width: 900px){.kf-app-shell>.kf-app-header{padding:14px 16px!important;gap:10px!important}.kf-app-header-left{min-width:0;flex:1 1 48%;gap:10px!important}.kf-app-header-left>div:last-child{min-width:0;max-width:calc(100vw - 82px)}.kf-app-header-left h1{max-width:100%;font-size:18px!important;line-height:1.2!important;overflow-wrap:anywhere}.kf-app-header-left p{max-width:100%;overflow-wrap:anywhere;line-height:1.35}.kf-app-header-right{width:100%;min-width:0;flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start!important;gap:8px!important}.kf-app-header-right>span{min-width:0!important;font-size:11px!important;text-align:left!important;flex:0 0 auto}.kf-primary-tabs,.kf-secondary-tabs,.kf-modal-tabs{width:100%;max-width:100%;padding:0 12px 12px!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity}.kf-primary-tabs>button,.kf-secondary-tabs>button,.kf-modal-tabs>button{flex:0 0 auto;white-space:nowrap;min-height:42px;padding:9px 13px!important;scroll-snap-align:start}.kf-content-wrap{padding:0 14px 24px!important}.kf-projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))!important;gap:10px!important;padding:6px 14px 24px!important}.kf-settings-page-wrap{padding:8px 14px 24px!important}.kf-settings-grid,.kf-app-shell [style*="minmax(320px"],.kf-app-shell [style*="minmax(240px"],.kf-app-shell [style*="minmax(260px"]{grid-template-columns:minmax(0,1fr)!important}.kf-app-shell .kf-field-row{flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap;gap:10px!important}.kf-app-shell .kf-field-row>*{min-width:0!important;max-width:100%!important}.kf-app-shell [style*="padding: 12px 28px"],.kf-app-shell [style*="padding: 0px 28px 18px"],.kf-app-shell [style*="padding: 0px 28px 40px"],.kf-app-shell [style*="padding: 0px 28px 48px"],.kf-app-shell [style*="padding: 6px 28px 32px"],.kf-app-shell [style*="padding: 8px 28px 32px"]{padding-left:14px!important;padding-right:14px!important}.kf-app-shell [style*="margin: 0px 28px 14px"]{margin-left:14px!important;margin-right:14px!important}.kf-app-shell [style*="margin-left: 28px"]{margin-left:14px!important}.kf-app-shell .kf-modal-footer{display:flex;flex-wrap:wrap;gap:8px}.kf-app-shell .kf-modal-footer>button{flex:1 1 auto}.kf-app-shell .kf-modal-footer>div[style*="flex: 1"]{display:none!important}.kf-app-shell [role=dialog][aria-modal=true]{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;align-items:center!important;overflow-y:auto!important}.kf-app-shell [role=dialog][aria-modal=true]>div{width:100%!important;max-width:min(100%,640px)!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow-y:auto!important;padding:16px!important}.kf-app-shell .kf-modal-overlay{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;align-items:center!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.kf-app-shell .kf-modal{width:100%!important;max-width:min(100%,640px)!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow-x:hidden;overflow-y:auto!important;padding:18px!important;border-radius:16px!important}.kf-app-shell [style*="width: 200px"],.kf-app-shell [style*="width: 240px"],.kf-app-shell [style*="width: 260px"],.kf-app-shell [style*="width: 320px"]{max-width:100%!important}.kf-app-shell :where(input:not([style*="font-size: 30px"]),select,textarea){min-width:0!important;max-width:100%!important;font-size:max(16px,1em)!important}.kf-app-shell :where(button,input[type=checkbox],input[type=radio]){touch-action:manipulation}.kf-app-shell button{min-height:40px}.kf-app-shell table{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.kf-app-shell th,.kf-app-shell td{white-space:nowrap}.kf-app-shell pre,.kf-app-shell code{max-width:100%;overflow-x:auto;overflow-wrap:anywhere}.kf-shared-page{padding:20px 12px!important}.kf-portfolio-page{padding:max(12px,env(safe-area-inset-top)) 10px max(20px,env(safe-area-inset-bottom))!important}.kf-portfolio-page>div{width:100%;min-width:0}.kf-portfolio-page [style*="minmax(150px"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))!important}.kf-shared-page>div{width:100%;max-width:640px;min-width:0}.kf-shared-page h1{font-size:clamp(21px,6vw,24px)!important;line-height:1.2;overflow-wrap:anywhere}.kf-shared-page :where(input,select,textarea){min-width:0!important;max-width:100%!important;font-size:max(16px,1em)!important}.kf-shared-page button{min-height:40px;touch-action:manipulation}.kf-shared-page [style*="display: flex"]{flex-wrap:wrap;gap:8px}.kf-payment-page{padding:max(12px,env(safe-area-inset-top)) 10px max(20px,env(safe-area-inset-bottom))!important}.kf-payment-brand-header{padding:16px!important;gap:10px!important;flex-wrap:wrap}.kf-payment-brand-header>div:first-child{min-width:0;flex:1 1 auto}.kf-payment-brand-header>div:last-child{flex:0 0 auto}.kf-payment-card{border-radius:16px!important}.kf-payment-columns{grid-template-columns:minmax(0,1fr)!important}.kf-payment-summary,.kf-payment-actions{min-width:0;padding:22px 16px!important}.kf-payment-summary{border-right:0!important;border-bottom:1px solid #dfe3df}.kf-payment-result-body{padding:24px 16px!important}.kf-payment-card h1{font-size:clamp(24px,7vw,32px)!important;line-height:1.12!important;overflow-wrap:anywhere}.kf-payment-card h2{font-size:20px!important;line-height:1.25!important}.kf-payment-card :where(input,select,textarea){min-width:0!important;max-width:100%!important;font-size:max(16px,1em)!important}.kf-payment-card button{min-height:44px;touch-action:manipulation}.kf-payment-card [style*="justify-content: space-between"]{flex-wrap:wrap;gap:8px!important}.kf-payment-card [style*="justify-content: space-between"]>:last-child{overflow-wrap:anywhere}}@media (max-width: 540px){.kf-app-shell>.kf-app-header{padding:12px!important}.kf-app-header-left{flex:1 1 100%}.kf-app-header-right{gap:7px!important}.kf-app-header-right .kf-clock-btn,.kf-app-header-right .kf-focus-link{min-height:40px}.kf-content-wrap{padding-left:10px!important;padding-right:10px!important}.kf-projects-grid{padding-left:10px!important;padding-right:10px!important;grid-template-columns:minmax(0,1fr)!important}.kf-app-shell .kf-modal{padding:14px!important}.kf-app-shell .kf-modal-footer,.kf-app-shell [style*="justify-content: flex-end"]{flex-wrap:wrap;gap:8px}.kf-app-shell .kf-modal-footer>button{flex:1 1 auto}.kf-app-shell .kf-modal-footer>div[style*="flex: 1"]{display:none!important}.kf-payment-brand-header{align-items:flex-start!important}.kf-payment-brand-header>div:first-child img{width:36px!important;height:36px!important}.kf-payment-card .kf-payment-method{min-height:56px!important;padding:12px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.kf-chat-nav-unread{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;padding:0 4px;border-radius:99px;background:#e54f62;color:#fff;font-size:10px;line-height:1;font-weight:800;vertical-align:middle}.kf-home{display:grid;gap:14px;max-width:880px;margin:0 auto;padding:4px 0 24px;color:#edeae3;font-family:Inter,ui-sans-serif,sans-serif}.kf-home-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px;border:1px solid #2a3338;border-radius:14px;background:linear-gradient(110deg,#2fbfa61f,#2fbfa605)}.kf-home-hero h2{margin:0;font:700 20px Space Grotesk,Inter,sans-serif}.kf-home-hero p{margin:4px 0 0;color:#93a29f;font-size:12px}.kf-home-hero .kf-home-tip{font-size:11px;color:#7f908b}.kf-home-card{padding:16px;border:1px solid #2a3338;border-radius:14px;background:#171d20}.kf-home-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kf-home-card header strong{font:700 14px Space Grotesk,Inter,sans-serif}.kf-home-card header button{border:1px solid #354247;border-radius:8px;padding:6px 11px;background:transparent;color:#c2cecb;font:650 11px Inter,sans-serif;cursor:pointer}.kf-home-card header button:hover{border-color:#2fbfa6;color:#2fbfa6}.kf-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kf-home-stats>div{padding:12px;border-radius:10px;background:#13191c;border:1px solid #263034}.kf-home-stats b{display:block;font:700 22px Space Grotesk,Inter,sans-serif}.kf-home-stats span{font-size:11px;color:#93a29f}.kf-home-stats .warn b{color:#f2a65a}.kf-home-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.kf-home-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #263034;border-radius:10px;background:#13191c;color:#edeae3;font:12px Inter,sans-serif;text-align:left;cursor:pointer}.kf-home-list button:hover{border-color:#2fbfa6}.kf-home-list small{color:#7f908b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.kf-home-empty{margin:12px 0 0;color:#93a29f;font-size:12px;line-height:1.55}@media (max-width:560px){.kf-home-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.kf-home-stats>div{padding:9px}.kf-home-stats b{font-size:18px}}.kf-access-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;padding-top:8px;border-top:1px solid #263034;cursor:default;font-family:Inter,ui-sans-serif,sans-serif}.kf-access-row select,.kf-access-link{min-width:0;flex:1 1 130px;max-width:100%;background:#1b2427;color:#edeae3;border:1px solid #354247;border-radius:8px;padding:6px 8px;font:11px Inter,ui-sans-serif,sans-serif;outline:none}.kf-access-row select:focus,.kf-access-link:focus{border-color:#2fbfa6;box-shadow:0 0 0 2px #2fbfa624}.kf-access-link{flex-basis:100%}.kf-access-btn{flex:0 0 auto;border:1px solid #354247;border-radius:8px;padding:6px 10px;background:transparent;color:#c2cecb;font:650 11px Inter,ui-sans-serif,sans-serif;cursor:pointer}.kf-access-btn:hover:not(:disabled){border-color:#2fbfa6;color:#2fbfa6}.kf-access-btn.primary{background:#2fbfa6;border-color:#2fbfa6;color:#09231e}.kf-access-btn.primary:hover:not(:disabled){filter:brightness(1.08);color:#09231e}.kf-access-btn:disabled,.kf-access-row select:disabled{opacity:.5;cursor:not-allowed}.kf-access-chip{flex:1 1 auto;min-width:0;border-radius:99px;padding:4px 9px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf-access-chip.active{background:#2fbfa621;color:#69dcc5}.kf-access-chip.pending{background:#f2a65a21;color:#efbb83}.kf-access-chip.paused{background:#293236;color:#9ba9a6}.kf-access-feedback{margin:0 0 8px;padding:8px 11px;border-radius:8px;font:11px/1.5 Inter,ui-sans-serif,sans-serif}.kf-access-feedback.ok{border:1px solid rgba(47,191,166,.35);background:#2fbfa614;color:#78dfcb}.kf-access-feedback.error{border:1px solid #7d4247;background:#b03f471f;color:#ffb0b5}.kf-dept-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;justify-content:flex-end;background:#05090a8c}.kf-dept-drawer{width:min(380px,100%);height:100%;overflow:auto;padding:18px;background:#171d20;border-left:1px solid #2a3338;color:#edeae3;font-family:Inter,ui-sans-serif,sans-serif;display:flex;flex-direction:column;gap:12px}.kf-dept-drawer header{display:flex;align-items:center;justify-content:space-between}.kf-dept-drawer header strong{font:700 15px Space Grotesk,Inter,sans-serif}.kf-dept-drawer header button{border:0;background:transparent;color:#94a4a0;font-size:22px;cursor:pointer;line-height:1}.kf-dept-hint{margin:0;color:#93a29f;font-size:11px;line-height:1.55}.kf-dept-tabs{display:flex;flex-wrap:wrap;gap:6px}.kf-dept-tabs button{border:1px solid #354247;border-radius:99px;padding:5px 12px;background:transparent;color:#aab8b4;font:650 11px Inter,sans-serif;cursor:pointer}.kf-dept-tabs button.on{background:#2fbfa624;border-color:#2fbfa6;color:#2fbfa6}.kf-dept-module{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #293538;border-radius:10px;background:#182124;font-size:12px}.kf-dept-module select{background:#1b2427;color:#edeae3;border:1px solid #354247;border-radius:8px;padding:6px 8px;font:11px Inter,sans-serif}.kf-dept-new{display:flex;gap:7px;margin-top:auto}.kf-dept-new input{flex:1;min-width:0;padding:9px 10px;border:1px solid #354247;border-radius:8px;background:#1b2427;color:#edeae3;font:11px Inter,sans-serif}.kf-dept-new button{border:1px solid #2FBFA6;border-radius:8px;padding:8px 14px;background:#2fbfa6;color:#09231e;font:700 11px Inter,sans-serif;cursor:pointer}.kf-dept-new button:disabled{opacity:.45;cursor:not-allowed}.kf-auth-invite-banner{display:flex;align-items:flex-start;gap:11px;width:min(100%,420px);margin:0 auto 16px;padding:13px;border:1px solid rgba(47,191,166,.28);border-radius:12px;background:#2fbfa612;text-align:left;color:#edeae3;font-family:Inter,ui-sans-serif,sans-serif}.kf-auth-invite-mark{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#2fbfa624;color:#2fbfa6;font-size:17px}.kf-auth-invite-banner>div{display:grid;gap:4px;min-width:0}.kf-auth-invite-banner strong{font:700 13px Space Grotesk,Inter,sans-serif}.kf-auth-invite-banner p{margin:0;color:#9de4d6;font-size:11px;text-transform:capitalize}.kf-auth-invite-banner small{color:#91a09d;font-size:10px;line-height:1.5}