:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#0078d4;--accent-hover:#106ebe;--accent-pressed:#005a9e;--text:#242424;--muted:#605e5c;--subtle:#8a8886;--line:#00000014;--mica:#f9f9f9d9;--panel:#f9f9f999;--shadow:0 4px 12px #0000001a;background:#f5f8fc;font-family:Segoe UI,Segoe UI Variable,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}#root{min-height:100vh}.fluent-page{min-height:100vh;color:var(--text);background:linear-gradient(135deg,#f9fafcfa,#ebf6ffd1,#eff2ffe6),#f5f8fc;line-height:1.5}.app-header{z-index:10;border-bottom:1px solid var(--line);background:var(--mica);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);justify-content:space-between;align-items:center;gap:24px;min-height:60px;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #00000014}.header-left,.header-right,.brand,.breadcrumb,.board-actions,.task-card-header,.task-progress,.task-footer,.task-column header,.task-column header div{align-items:center;display:flex}.header-left{gap:16px;min-width:0}.brand{flex:none;gap:8px}.brand-icon{color:#fff;background:var(--accent);border-radius:6px;place-items:center;width:32px;height:32px;font-size:18px;font-weight:800;display:grid}.brand strong{font-size:16px;font-weight:600}.breadcrumb{min-width:0;color:var(--muted);border-left:1px solid #0000001a;gap:8px;padding-left:16px;font-size:14px}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:after{content:">";color:var(--subtle);margin-left:8px}.breadcrumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-right{flex:none;gap:12px}.search-box{width:240px;display:block;position:relative}.search-box span{pointer-events:none;border:2px solid #8a8886;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box span:after{content:"";transform-origin:0;background:#8a8886;width:7px;height:2px;position:absolute;bottom:-5px;right:-6px;transform:rotate(45deg)}.search-box input{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:4px;outline:0;padding:8px 12px 8px 36px;font-size:14px;transition:border .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.search-box input:hover{border-color:#00000029}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;place-items:center;transition:background .15s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.icon-button:hover{background:#0000000d}.icon-button>span{border:2px solid;border-bottom:0;border-radius:9px 9px 4px 4px;width:16px;height:17px;position:relative}.icon-button>span:after{content:"";background:currentColor;border-radius:999px;width:5px;height:5px;position:absolute;bottom:-5px;left:4px}.icon-button b{color:#fff;background:#d13438;border:2px solid #fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-2px;right:-2px}.profile-avatar,.member-avatar,.task-avatars span{color:#fff;background:linear-gradient(135deg,#0078d4,#50e6ff);border-radius:50%;place-items:center;font-weight:700;display:grid}.profile-avatar{width:32px;height:32px;font-size:12px}.main-layout{max-width:1920px;height:calc(100vh - 60px);margin:0 auto;display:flex}.sidebar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#f3f3f3b3;border-right:1px solid #ffffff2e;flex-direction:column;flex:0 0 280px;width:280px;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid #0000000f;padding:20px 16px 12px}.sidebar h2{margin:0;font-size:20px;font-weight:600}.nav-menu{gap:2px;padding:8px;display:grid}.nav-menu button{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:4px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-menu button:hover{background:#0078d40d}.nav-menu button.active{color:var(--accent);background:#0078d41a;font-weight:600}.nav-symbol{color:currentColor;width:16px;height:16px;position:relative}.nav-board{border:2px solid;border-radius:2px}.nav-board:before,.nav-board:after{content:"";background:currentColor;position:absolute}.nav-board:before{width:2px;height:100%;top:0;left:5px}.nav-board:after{width:100%;height:2px;top:5px;left:0}.nav-timeline:before{content:"";background:currentColor;width:3px;height:10px;position:absolute;bottom:1px;left:1px;box-shadow:5px -4px,10px -1px}.nav-files{border:2px solid;border-radius:2px}.nav-files:before{content:"";background:currentColor;border-radius:2px 2px 0 0;width:8px;height:5px;position:absolute;top:-5px;left:1px}.nav-team:before,.nav-team:after{content:"";background:currentColor;position:absolute}.nav-team:before{border-radius:50%;width:5px;height:5px;top:1px;left:2px;box-shadow:7px 0}.nav-team:after{border-radius:8px 8px 2px 2px;width:14px;height:6px;bottom:2px;left:1px}.nav-settings{border:3px solid;border-radius:50%}.nav-settings:after{content:"";background:#f3f3f3cc;border-radius:50%;position:absolute;inset:3px}.team-section{border-top:1px solid #0000000f;margin-top:auto;padding:16px}.team-section h3{color:var(--subtle);letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.team-section ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.team-member{cursor:pointer;border-radius:4px;grid-template-columns:32px 1fr 8px;align-items:center;gap:10px;padding:8px;transition:background .15s cubic-bezier(.4,0,.2,1);display:grid}.team-member:hover{background:#00000008}.member-avatar{width:32px;height:32px;font-size:11px}.member-avatar.away{background:linear-gradient(135deg,#fdb022,#fa4)}.team-member strong{font-size:13px;font-weight:500;line-height:1.3;display:block}.team-member small{color:var(--subtle);font-size:11px;line-height:1.3;display:block}.member-status{border:2px solid #fff;border-radius:50%;width:8px;height:8px}.member-status.online{background:#92c353}.member-status.away{background:#fdb022}.board-container{flex:1;padding:24px;overflow-y:auto}.board-header{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.board-header h1{color:var(--text);margin:0 0 4px;font-size:28px;font-weight:600}.board-header p{color:var(--muted);margin:0;font-size:14px}.database-pill{border-radius:999px;align-items:center;min-height:28px;margin-top:12px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.database-pill.online{color:#107c10;background:#107c101a}.database-pill.offline{color:#a4262c;background:#d134381a}.board-actions{gap:8px}.secondary-button,.accent-button{cursor:pointer;border-radius:4px;align-items:center;gap:6px;min-height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:flex}.secondary-button{color:var(--text);background:#0000000d}.secondary-button:hover{background:#00000014}.accent-button{color:#fff;background:var(--accent)}.accent-button:hover{background:var(--accent-hover);box-shadow:var(--shadow)}.accent-button:active{background:var(--accent-pressed);transform:scale(.98)}.board-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.task-column{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff80;border-radius:8px;flex-direction:column;min-height:400px;padding:16px;display:flex}.task-column header{justify-content:space-between;margin-bottom:16px}.task-column header div{gap:8px}.task-column h2{margin:0;font-size:16px;font-weight:600}.task-column header span{min-width:24px;height:24px;color:var(--muted);background:#0000000f;border-radius:12px;place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:grid}.task-column header button,.task-menu{width:28px;height:28px;color:var(--subtle);cursor:pointer;background:0 0;border-radius:4px;place-items:center;font-size:16px;transition:background .15s cubic-bezier(.4,0,.2,1);display:grid}.task-column header button:hover,.task-menu:hover{background:#0000000d}.column-content{flex-direction:column;flex:1;gap:12px;display:flex}.task-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:16px;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-card:before{content:"";opacity:0;-webkit-mask-composite:xor;background:linear-gradient(135deg,#0000,#0078d499,#0000);border-radius:6px;padding:1px;transition:opacity .15s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.task-card:hover:before{opacity:1}.task-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.task-card:focus{outline:2px solid var(--accent);outline-offset:2px}.task-card.done{opacity:.72}.task-card-header{justify-content:space-between;margin-bottom:12px}.task-priority,.task-check{letter-spacing:.05em;text-transform:uppercase;border-radius:3px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.task-priority.high{color:#a4262c;background:#d134381a}.task-priority.medium{color:#ca5010;background:#fdb0221a}.task-priority.low{color:var(--accent);background:#106ebe1a}.task-priority.done,.task-check{color:#fff;background:#92c353}.task-card h3{color:var(--text);margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.4}.task-card p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}.task-progress{gap:12px;margin-bottom:12px}.task-progress span{background:#0000000d;border-radius:3px;flex:1;height:6px;overflow:hidden}.task-progress i{background:linear-gradient(90deg,#0078d4,#50e6ff);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block}.task-progress strong{min-width:40px;color:var(--accent);text-align:right;font-size:12px}.task-meta{flex-direction:column;gap:12px;display:flex}.task-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:11px;font-weight:600}.tag.design{color:#5c2e91;background:#8a2be21a}.tag.ui,.tag.frontend{color:var(--accent);background:#0078d41a}.tag.research{color:#107c10;background:#107c101a}.tag.dev{color:#c239b3;background:#ea005e1a}.task-footer{justify-content:space-between}.task-avatars{align-items:center;display:flex}.task-avatars span{border:2px solid #fff;width:28px;height:28px;margin-left:-8px;font-size:10px}.task-avatars span:first-child{margin-left:0}.task-footer time{color:var(--subtle);font-size:12px}.add-card-button{width:100%;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #00000029;border-radius:6px;justify-content:center;align-items:center;margin-top:12px;font-size:14px;font-weight:600;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);display:flex}.add-card-button:hover{border-color:var(--accent);color:var(--accent);background:#0078d40d}.static-view{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff80;border-radius:8px;padding:20px}.view-heading{margin-bottom:18px}.view-heading h2{color:var(--text);margin:0 0 4px;font-size:22px;font-weight:600}.view-heading p{color:var(--muted);margin:0;font-size:14px}.timeline-list{gap:12px;display:grid}.timeline-item{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:32px 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.timeline-item>span{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.timeline-item strong,.file-card strong,.team-card strong,.settings-panel strong{color:var(--text);font-weight:600}.timeline-item p,.file-card p,.team-card p,.settings-panel p{color:var(--muted);margin:4px 0 0;font-size:13px}.timeline-item time{color:var(--subtle);white-space:nowrap;font-size:13px}.file-grid,.team-grid,.settings-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.file-card,.team-card,.settings-panel article{border:1px solid var(--line);background:#fff;border-radius:6px;gap:12px;padding:16px;display:grid}.file-card{grid-template-columns:36px 1fr}.file-card footer{color:var(--subtle);grid-column:1/-1;justify-content:space-between;font-size:12px;display:flex}.file-icon{border:2px solid var(--accent);border-radius:3px;width:32px;height:28px;margin-top:2px;position:relative}.file-icon:before{content:"";background:var(--accent);border-radius:3px 3px 0 0;width:14px;height:7px;position:absolute;top:-7px;left:2px}.team-card{grid-template-columns:44px 1fr auto;align-items:center}.team-card .member-avatar{width:44px;height:44px}.team-card small{color:var(--accent);font-size:12px;font-weight:700}.settings-panel article>span{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}@media (width<=1200px){.board-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.app-header,.board-header{flex-direction:column;align-items:stretch}.header-left,.header-right{flex-wrap:wrap}.search-box{width:min(100%,280px)}.main-layout{flex-direction:column;height:auto}.sidebar{flex-basis:auto;width:100%;max-height:260px}.board-columns,.timeline-item,.file-grid,.team-grid,.settings-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}