:root{--paper: #EEF1F6;--card: #FFFFFF;--ink: #171B24;--ink-soft: #667085;--forest: #3557DB;--forest-dark: #16213A;--mustard: #1FA855;--coral: #D64545;--line: #E3E7EF;--sidebar: #16213A;--sidebar-ink: #DDE3F0;--sidebar-ink-dim: #8B93AC;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Heebo,sans-serif;background:var(--paper);color:var(--ink);font-size:14px}#root{display:flex;flex-direction:column;height:100vh;overflow:hidden}h1,h2,h3{font-family:Heebo,sans-serif;font-weight:800}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit}.topbar{display:flex;align-items:center;gap:24px;padding:14px 28px;background:var(--card);border-bottom:1px solid var(--line);flex-shrink:0}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:9px;white-space:nowrap;direction:ltr}.brand-word{display:inline-flex;align-items:baseline;gap:0}.brand-tov{color:#2563eb}.brand-tech{color:#1e293b}.brand-mark{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.search-wrap{flex:1;max-width:480px;position:relative}.search-wrap input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--line);border-radius:20px;background:var(--paper);font-size:16px;color:var(--ink)}.search-wrap input:focus{outline:2px solid var(--forest);outline-offset:1px}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-soft)}.topbar-right{margin-right:auto;display:flex;align-items:center;gap:14px}.icon-btn{background:none;border:none;color:var(--ink-soft);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.icon-btn:hover{background:var(--paper)}.icon-btn svg{width:19px;height:19px}.dot-badge{position:absolute;top:6px;left:7px;width:7px;height:7px;border-radius:50%;background:var(--coral)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--paper);overflow:hidden;flex-shrink:0;border:1.5px solid var(--card);box-shadow:0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center}.avatar svg{width:58%;height:58%;color:var(--ink-soft);display:block}.avatar-initial{font-family:Heebo,sans-serif;font-weight:700;color:var(--forest)}.avatar.sm .avatar-initial{font-size:11px}.avatar.md .avatar-initial{font-size:13px}.avatar.lg .avatar-initial{font-size:19px}.avatar.xl .avatar-initial{font-size:28px}.avatar.sm{width:26px;height:26px}.avatar.md{width:34px;height:34px}.avatar.lg{width:52px;height:52px}.avatar.xl{width:76px;height:76px;box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--line)}.app{display:flex;flex:1;overflow:hidden;min-height:0}.sidebar{width:216px;flex-shrink:0;background:var(--sidebar);padding:20px 12px;overflow-y:auto}.nav-group-label{font-size:11px;color:var(--sidebar-ink-dim);padding:8px 12px 6px;letter-spacing:.02em}.nav-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;color:var(--sidebar-ink);font-size:14.5px;border-radius:8px;text-align:right;position:relative;margin-bottom:2px;text-decoration:none}.nav-btn svg{width:18px;height:18px;flex-shrink:0;opacity:.85}.nav-btn:hover{background:#ffffff0f}.nav-btn.active{background:#ffffff17;color:#fff}.nav-btn.active:before{content:"";position:absolute;right:0;top:8px;bottom:8px;width:3px;background:var(--forest);border-radius:2px}.main{flex:1;overflow-y:auto;padding:30px 40px 60px;min-width:0}.view-head{margin-bottom:22px}.view-head h1{font-size:26px;font-weight:700;color:var(--forest-dark);position:relative;display:inline-block;padding-bottom:10px}.view-head h1:after{content:"";position:absolute;bottom:0;right:0;width:38px;height:3px;border-radius:2px;background:var(--forest)}.view-head p{color:var(--ink-soft);font-size:14px;margin-top:4px}.welcome-card{display:flex;align-items:center;gap:20px;padding:26px 30px;margin-bottom:32px;position:relative;overflow:hidden}.card.welcome-card{background:var(--sidebar);border-color:var(--sidebar)}.welcome-card:after{content:"";position:absolute;inset-inline-start:-30px;top:-50px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(53,87,219,.35),transparent 70%);pointer-events:none}.welcome-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 30%,rgba(255,255,255,.5) 1.5px,transparent 1.5px),radial-gradient(circle at 40% 70%,rgba(255,255,255,.4) 1.5px,transparent 1.5px),radial-gradient(circle at 65% 20%,rgba(255,255,255,.4) 1.5px,transparent 1.5px),radial-gradient(circle at 85% 60%,rgba(255,255,255,.5) 1.5px,transparent 1.5px);opacity:.5;pointer-events:none}.welcome-card h1{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px;position:relative}.welcome-card p{font-size:13.5px;color:var(--sidebar-ink-dim);position:relative}.welcome-card .avatar.xl{box-shadow:0 0 0 3px var(--sidebar),0 0 0 4px #ffffff24;position:relative}.pin-author{display:flex;align-items:center;gap:7px}.pin-author span{font-size:12px;color:var(--ink-soft)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.team-card{padding:18px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.team-card .avatar{margin-bottom:8px}.team-card strong{font-size:13.5px;font-weight:600}.team-card span{font-size:12px;color:var(--ink-soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #16213a0a,0 4px 14px #16213a0d}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-size:13.5px;font-weight:600;color:var(--ink)}.btn:hover{border-color:var(--forest)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--forest);color:#fff;border-color:var(--forest);border-radius:999px;padding:9px 18px}.btn.primary:hover{background:var(--forest-dark)}.btn svg{width:15px;height:15px}.tag{display:inline-block;font-size:11.5px;padding:3px 10px;border-radius:20px;background:var(--paper);color:var(--ink-soft);border:1px solid var(--line)}.muted-count{color:var(--ink-soft);font-size:13px}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:36px}.pin-card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px 16px 14px;position:relative;box-shadow:0 1px #0000000a}.pin-card:before{content:"";position:absolute;top:-6px;right:20px;width:11px;height:11px;border-radius:50%;background:var(--pin, var(--forest));box-shadow:0 2px 3px #00000040}.pin-card.type-info{--pin: var(--forest)}.pin-card.type-celebrate{--pin: var(--mustard)}.pin-card.type-alert{--pin: var(--coral)}.pin-card h3{font-size:15px;font-weight:500;line-height:1.4;margin-bottom:8px}.pin-meta{font-size:12px;color:var(--ink-soft);display:flex;justify-content:space-between}.quicklinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.quick-tile{display:flex;flex-direction:column;gap:10px;padding:18px;text-decoration:none;color:var(--ink)}.quick-tile .qi{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;align-self:flex-end;background:var(--paper);color:var(--forest-dark)}.quick-tile .qi svg{width:18px;height:18px}.quick-tile strong{font-size:14.5px;font-weight:600}.quick-tile span{font-size:12px;color:var(--ink-soft)}.block{margin-bottom:34px}.block-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.block-title h2{font-size:17px;font-weight:500;color:var(--forest-dark)}.block-title a{font-size:13px;color:var(--forest);text-decoration:none}.kb-search{max-width:420px;margin-bottom:22px;position:relative}.kb-search input{width:100%;padding:10px 40px 10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:16px}.kb-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-soft)}.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.kb-card{padding:18px}.kb-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.kb-card h3{font-size:15.5px;font-weight:500}.kb-card p{font-size:13px;color:var(--ink-soft);margin-bottom:14px;line-height:1.5}.lock-icon{width:16px;height:16px;color:var(--coral);flex-shrink:0}.access-badge{font-size:11px;padding:3px 9px;border-radius:20px}.access-open{background:#e4eee9;color:var(--forest-dark)}.access-limited{background:#f3e7ce;color:#7a5518}.access-sensitive{background:#f3ded9;color:var(--coral)}.kb-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.request-sent{color:var(--forest);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.project-card{padding:20px;margin-bottom:16px}.project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.project-top h3{font-size:16.5px;font-weight:500}.project-owner{margin-top:5px}.project-desc{font-size:13.5px;color:var(--ink-soft);margin:10px 0 14px;line-height:1.55;max-width:640px}.links-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.link-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:6px 12px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);text-decoration:none;border-style:solid}.link-chip svg{width:13px;height:13px}.link-chip.add-chip{border-style:dashed;color:var(--ink-soft);background:none}.link-chip-group{display:inline-flex;align-items:stretch}.link-chip-group .link-chip{border-radius:0 20px 20px 0}.link-chip-group .icon-btn{border-radius:20px 0 0 20px;border-left:none;height:auto}.icon-btn{width:26px;height:26px;flex-shrink:0;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn svg{width:13px;height:13px}.icon-btn:hover{color:var(--ink)}.icon-btn.danger:hover{color:var(--coral);border-color:var(--coral)}.quick-tile-wrap{position:relative}.quick-tile-admin-actions{position:absolute;top:10px;inset-inline-start:10px;display:flex;gap:4px;z-index:1}.add-quick-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100px;border:1px dashed var(--line);border-radius:var(--radius);background:none;color:var(--ink-soft);cursor:pointer;font-size:13px}.add-quick-tile svg{width:18px;height:18px}.project-tags{display:flex;gap:6px;margin-bottom:12px}.visibility-pill{font-size:11.5px;padding:3px 10px;border-radius:20px;background:#e4eee9;color:var(--forest-dark)}.visibility-pill.private{background:#f1ede2;color:var(--ink-soft)}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.service-card{padding:22px 20px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}.service-top{display:flex;align-items:center;gap:12px}.service-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}.service-card p{font-size:13px;color:var(--ink-soft);line-height:1.5}.service-status{font-size:12px;color:var(--forest-dark);display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mustard)}.add-service-card{border-style:dashed;align-items:center;justify-content:center;text-align:center;color:var(--ink-soft)}.add-service-plus{font-size:26px}.guide-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.guide-row:last-child{border-bottom:none}.guide-main{display:flex;align-items:center;gap:14px}.guide-icon{width:38px;height:38px;border-radius:8px;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--forest-dark)}.guide-icon svg{width:18px;height:18px}.guide-title{font-size:14.5px;font-weight:500}.guide-meta{font-size:12px;color:var(--ink-soft);margin-top:3px}.guide-views{font-size:12px;color:var(--ink-soft);white-space:nowrap}.admin-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.agenda{display:flex;flex-direction:column;gap:24px}.agenda-day-label{font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:10px;text-transform:none}.agenda-list{display:flex;flex-direction:column}.agenda-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.agenda-row:last-child{border-bottom:none}.agenda-row-leave{background:#1fa8550f}.agenda-time{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-soft);white-space:nowrap;min-width:118px}.agenda-time svg{width:15px;height:15px;flex-shrink:0}.agenda-main{flex:1;min-width:0}.agenda-title{font-size:14.5px;font-weight:500}.agenda-meta{font-size:12px;color:var(--ink-soft);margin-top:3px}.agenda-avatars{display:flex}.agenda-avatars .avatar{margin-right:-8px}.agenda-avatars .avatar:first-child{margin-right:0}@media (max-width: 560px){.agenda-row{flex-wrap:wrap}.agenda-avatars{display:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16213a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);width:100%;max-width:420px;padding:22px 24px 24px;box-shadow:0 12px 32px #0000002e}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{font-size:18px;color:var(--forest-dark)}.modal-close{background:none;border:none;color:var(--ink-soft);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close svg{width:16px;height:16px}.modal-close:hover{background:var(--paper)}.modal-form{display:flex;flex-direction:column;gap:6px}.modal-form label{font-size:12.5px;color:var(--ink-soft);margin-top:8px}.modal-form input,.modal-form select{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:16px;color:var(--ink);font-family:inherit}.modal-form input:focus,.modal-form select:focus{outline:2px solid var(--forest);outline-offset:1px}.btn.danger{color:var(--coral);border-color:var(--coral)}.btn.danger:hover{background:var(--coral);color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.a11y-fab{position:fixed;bottom:22px;left:22px;width:48px;height:48px;border-radius:50%;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #3557db59;border:2px solid #fff;z-index:50}.a11y-fab svg{width:24px;height:24px}@media (max-width: 760px){.sidebar{width:64px}.nav-btn span,.nav-group-label,.search-wrap{display:none}}@media (max-width: 420px){.main{padding:20px 16px 40px}.topbar{padding:12px 16px;gap:12px}}.access-note{font-size:13px;color:var(--ink-soft);line-height:1.6;max-width:720px;margin-bottom:18px}.access-table{padding:0;overflow:hidden}.access-row{display:grid;grid-template-columns:2fr 1.4fr 1.6fr auto;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.access-row:last-child{border-bottom:none}.access-row-head{font-size:12px;color:var(--ink-soft);font-weight:600;background:var(--paper)}.access-user{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.access-role-title{font-size:13px;color:var(--ink-soft)}.you-tag{color:var(--ink-soft);font-weight:400}.role-select{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:13px;font-family:inherit;color:var(--ink);justify-self:start}.role-select:disabled{opacity:.55;cursor:not-allowed}.role-badge{display:inline-block;font-size:11.5px;padding:4px 11px;border-radius:20px;justify-self:start}.role-manager{background:#e1e8fb;color:var(--forest-dark)}.role-team_lead{background:#f3e7ce;color:#7a5518}.role-employee{background:var(--paper);color:var(--ink-soft);border:1px solid var(--line)}.access-remove-btn{font-size:12.5px;padding:6px 12px}@media (max-width: 640px){.access-row{grid-template-columns:1fr;gap:6px;padding:14px 16px}.access-row-head{display:none}.access-row:not(.access-row-head){border-bottom:2px solid var(--line)}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--paper)}.login-card{width:100%;max-width:360px;padding:28px 24px}.login-card .brand-mark img{width:32px;height:32px}