@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--card:#fff;--card2:#f8fafc;--primary:#18b8ff;--primary-hover:#0ea5e9;--primary-dark:#0284c7;--cyan:#18b8ff;--indigo:#6366f1;--emerald:#22c55e;--amber:#f59e0b;--rose:#ef4444;--info:#3b82f6;--violet:#8b5cf6;--text:#0f172a;--text2:#334155;--text3:#64748b;--text4:#94a3b8;--border:#e2e8f0;--border2:#18b8ff59;--divider:#cbd5e1;--hover:#eff6ff;--selected:#dbeafe;--skeleton-hi:#e9eef5;--placeholder:#94a3b8;--nav-bg:#ffffffeb;--appbar-bg:#ffffffe6;--topbar-bg:#ffffffd9;--warn-bg:#fef2f2;--warn-border:#fecaca;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1a, 0 4px 8px #0f172a0a;--shadow-primary:0 4px 14px #18b8ff40}html[data-theme=dark]{--bg:#0b1220;--bg2:#111a2c;--bg3:#0f172a;--card:#141d31;--card2:#0f172a;--primary:#38bdf8;--primary-hover:#38bdf8;--primary-dark:#7dd3fc;--text:#e2e8f0;--text2:#cbd5e1;--text3:#94a3b8;--text4:#64748b;--border:#1e2a44;--border2:#38bdf866;--divider:#2a3a55;--hover:#1b2b46;--selected:#1e3558;--info:#60a5fa;--skeleton-hi:#1e293b;--placeholder:#64748b;--nav-bg:#0d1426eb;--appbar-bg:#0d1426e6;--topbar-bg:#0d1426e0;--warn-bg:#ef44441f;--warn-border:#ef44444d;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #00000059, 0 1px 2px #00000047;--shadow-md:0 4px 12px #0006, 0 2px 4px #0000004d;--shadow-lg:0 12px 32px #00000080, 0 4px 8px #0000004d}html[data-theme] *{transition:background-color .2s,border-color .2s,color .2s,transform .18s}@media (prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] :before,html[data-theme] :after{transition-duration:.01ms!important}}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.006em;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow:hidden}#root{height:100%}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation;cursor:pointer}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--divider);background-clip:padding-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text4);background-clip:padding-box}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #18b8ff1f!important}input::placeholder,textarea::placeholder{color:var(--placeholder)}select{background-image:var(--select-chevron);background-position:right 10px center;background-repeat:no-repeat;padding-right:32px!important}::selection{background:var(--selected);color:var(--text)}button,a,input,select,textarea{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.bkn-skeleton{background:linear-gradient(90deg, var(--bg3) 0px, var(--skeleton-hi) 200px, var(--bg3) 400px);background-size:800px 100%;border-radius:10px;animation:1.4s linear infinite shimmer}:root{--page-pad:24px 28px;--g2:1fr 1fr;--g3:repeat(3, 1fr);--g4:repeat(4, 1fr);--g5:repeat(5, 1fr);--g6:repeat(6, 1fr);--gside260:260px 1fr;--gside220:220px 1fr;--bottomnav-h:0px;--safe-b:env(safe-area-inset-bottom,0px)}html,body{height:100dvh}body.bkn-public{height:auto;min-height:100dvh;overflow:hidden auto}body.bkn-public #root{height:auto}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:10px}button:active{transform:scale(.98)}*{-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.bkn-bottomnav{z-index:120;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:6px 4px calc(6px + var(--safe-b));display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f172a0f}.bkn-bottomnav-item{min-height:50px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.bkn-bottomnav-item .ic{font-size:19px;line-height:1}.bkn-bottomnav-item.active{color:var(--primary-dark)}.bkn-bottomnav-item.active .ic{color:var(--primary-dark);transform:translateY(-1px)}.bkn-bottomnav-item.active:after{content:"";background:var(--primary);border-radius:2px;width:16px;height:3px;margin-top:1px}.bkn-appbar{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--appbar-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:110;flex-shrink:0;align-items:center;gap:10px;display:none;position:sticky;top:0}.bkn-sheet-ov{-webkit-backdrop-filter:blur(3px);z-index:240;background:#04060f73;animation:.2s bknFade;position:fixed;inset:0}.bkn-sheet{z-index:250;background:var(--card);border:1px solid var(--border);padding:10px 16px calc(18px + var(--safe-b));border-bottom:none;border-radius:22px 22px 0 0;max-height:82dvh;animation:.28s cubic-bezier(.32,.72,.33,1) bknSlideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 48px #0f172a2e}.bkn-sheet-grab{background:var(--divider);border-radius:3px;width:40px;height:4px;margin:2px auto 14px}@keyframes bknSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bknFade{0%{opacity:0}to{opacity:1}}@media (width<=860px){:root{--page-pad:14px 14px calc(20px + var(--bottomnav-h) + var(--safe-b));--g2:1fr;--g3:1fr;--g4:repeat(2, 1fr);--g5:repeat(2, 1fr);--g6:repeat(2, 1fr);--gside260:1fr;--gside220:1fr;--bottomnav-h:64px}.bkn-bottomnav,.bkn-appbar{display:flex}.bkn-sidebar,.bkn-topbar{display:none!important}input,select,textarea{min-height:44px;font-size:16px!important}input[type=range],input[type=checkbox],input[type=radio]{min-height:0}.bkn-modal-ov{z-index:320!important;align-items:flex-end!important;padding:0!important}.bkn-modal{animation:.3s cubic-bezier(.32,.72,.33,1) bknSlideUp;width:100%!important;max-width:100%!important;max-height:92dvh!important;padding:20px 18px calc(20px + var(--safe-b))!important;border-bottom:none!important;border-radius:22px 22px 0 0!important}.bkn-modal:before{content:"";background:var(--divider);border-radius:3px;width:40px;height:4px;margin:-6px auto 14px;display:block}.bkn-modal .bkn-savewrap{z-index:5;background:var(--card);margin:8px -18px calc(-20px - var(--safe-b));padding:10px 18px calc(12px + var(--safe-b));border-top:1px solid var(--border);position:sticky;bottom:0;box-shadow:0 -8px 16px -8px #0f172a14}.bkn-modal .bkn-savewrap button{min-height:48px;margin-top:0!important}.bkn-tbl{overflow-x:auto!important}.bkn-tr{min-width:660px}.bkn-tr-lg{min-width:780px}.bkn-kanban-scroll{scroll-snap-type:x mandatory;scroll-padding:14px}.bkn-kanban{grid-template-columns:none!important;grid-auto-columns:82%!important;grid-auto-flow:column!important;min-width:0!important}.bkn-kanban>*{scroll-snap-align:center}.bkn-msboard{min-width:0!important}.bkn-msboard>*{scroll-snap-align:center;max-width:320px;width:82vw!important}.bkn-pagehead{flex-wrap:wrap;gap:12px}.bkn-pagehead>button{justify-content:center;width:100%;min-height:44px}.bkn-filters{flex-wrap:wrap!important}::-webkit-scrollbar{width:0;height:0}}@media (width<=400px){.bkn-kanban{grid-auto-columns:88%!important}}.bkn-panelclose{display:none}@media (width<=860px){.bkn-sidepanel{z-index:230;padding-top:env(safe-area-inset-top,0px);animation:.28s cubic-bezier(.32,.72,.33,1) bknSlideUp;border-left:none!important;width:100%!important;height:100dvh!important;position:fixed!important;inset:0!important}.bkn-sidepanel.bkn-empty{display:none!important}.bkn-panelclose{flex-shrink:0;display:inline-flex!important}.bkn-projdet{flex-direction:column!important}.bkn-modsidebar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:stretch;gap:8px;overflow-x:auto;border-right:none!important;flex-direction:row!important;width:100%!important;padding:10px 12px!important}.bkn-modsidebar>div:first-child{display:none}.bkn-modsidebar>div{border:1px solid var(--border);border-radius:12px;flex-shrink:0;min-width:150px;border-left:none!important;padding:9px 12px!important}.bkn-modsidebar>button{flex-shrink:0;min-width:110px;min-height:44px;margin:0!important}.bkn-projdet .bkn-kanban-scroll{overflow-y:hidden}.bkn-scroll-x{overflow-x:auto!important}}