@layer components{.error-page{padding:2rem}.error-page .error-content{display:grid;place-items:center;place-content:center;gap:1rem}.error-page .error-code{color:var(--primary-700)}.error-page .error-message{color:var(--primary-400);line-height:1.6}}@layer components{.home-page h1{margin-bottom:2rem}}@layer components{.inbox-page h1{margin-bottom:.5rem}.inbox-page p{margin-bottom:2rem;color:var(--on-surface);opacity:.7}.inbox-page .inbox-table{width:100%;border-collapse:collapse}.inbox-page .inbox-table th{text-align:left;padding:.75rem;border-bottom:1px solid var(--border-color, #ddd);font-weight:600}.inbox-page .inbox-table td{padding:.75rem;border-bottom:1px solid var(--border-color, #ddd)}.inbox-page .inbox-table tbody tr.unread{background:oklch(from var(--primary) l c h/5%);font-weight:500}.inbox-page .inbox-table tbody tr.read{opacity:.7}.inbox-page .inbox-table tbody tr:hover{background:var(--surface-hover, #f9f9f9)}.inbox-page .inbox-table .message-subject.message-unread{font-weight:600;color:var(--primary)}.inbox-page .inbox-table .message-actions{white-space:nowrap}.inbox-page .inbox-table .message-actions a{color:var(--primary-600);text-decoration:none}.inbox-page .inbox-table .message-actions a:hover{text-decoration:underline}.inbox-page .inbox-table .message-actions .action-separator{margin:0 .5rem;color:var(--on-surface);opacity:.3}}@layer components{:where(.logo-full,.logo){overflow:visible}:where(.logo-full,.logo) .gc-logo-icon,:where(.logo-full,.logo) .gc-logo-guideline,:where(.logo-full,.logo) .gc-logo-central{fill:var(--on-primary)}:where(.logo-full,.logo) .gc-main{fill:var(--primary)}:where(.logo-full,.logo) .gc-dot{fill:var(--secondary)}:where(.logo-full,.logo).theme-primary .gc-logo-icon,:where(.logo-full,.logo).theme-primary .gc-logo-guideline,:where(.logo-full,.logo).theme-primary .gc-logo-central{fill:var(--primary)}:where(.logo-full,.logo).theme-primary .gc-main{fill:var(--primary)}:where(.logo-full,.logo).theme-primary .gc-dot{fill:var(--secondary)}:where(.logo-full,.logo).theme-secondary .gc-logo-icon,:where(.logo-full,.logo).theme-secondary .gc-logo-guideline,:where(.logo-full,.logo).theme-secondary .gc-logo-central{fill:var(--secondary)}:where(.logo-full,.logo).theme-secondary .gc-main{fill:var(--secondary)}:where(.logo-full,.logo).theme-secondary .gc-dot{fill:var(--surface)}:where(.logo-full,.logo).theme-light .gc-logo-icon,:where(.logo-full,.logo).theme-light .gc-logo-guideline,:where(.logo-full,.logo).theme-light .gc-logo-central{fill:var(--surface)}:where(.logo-full,.logo).theme-light .gc-main{fill:var(--surface)}:where(.logo-full,.logo).theme-light .gc-dot{fill:var(--secondary)}:where(.logo-full,.logo).theme-dark .gc-logo-icon,:where(.logo-full,.logo).theme-dark .gc-logo-guideline,:where(.logo-full,.logo).theme-dark .gc-logo-central{fill:var(--dark)}:where(.logo-full,.logo).theme-dark .gc-main{fill:var(--dark)}:where(.logo-full,.logo).theme-dark .gc-dot{fill:var(--surface)}:where(.logo-full){height:unset;max-height:40px;width:auto}:where(.logo-full).small{max-height:30px}:where(.logo){height:unset;display:block;margin:auto;box-sizing:content-box;fill:currentColor}:where(.logo).icon{height:1rem}:where(.logo).small{height:1.5rem}}.tool-tip{position:fixed;padding:1rem;border-radius:.5rem;background-color:#333;color:#fff;transform:translateY(var(--padding));isolation:isolate;pointer-events:none;max-width:400px;min-width:150px;display:grid;gap:.25rem;animation:tool-tip-reveal .15s forwards;box-shadow:.125rem .125rem .5rem #0004;z-index:500}@keyframes tool-tip-reveal{0%{opacity:0;transform:translateY(0)}}.tool-tip-title{font-weight:600;font-size:18px}.tool-tip-title:empty{display:none}.tool-tip-description:empty{display:none}.tool-tip:after{content:"";position:absolute;z-index:-1;left:var(--parent-center, var(--parent-left, unset));right:var(--parent-right, unset);border-radius:3px 0;top:var(--parent-center-top, var(--parent-top, unset));bottom:var(--parent-bottom, unset);background-color:inherit;width:.5rem;aspect-ratio:1;transform:translate(var(--parent-translate-x, -50%)) translateY(var(--parent-translate-y, 0)) rotate(45deg);animation:tool-tip-arrow-reveal .3s forwards}@keyframes tool-tip-arrow-reveal{to{transform:translate(var(--parent-translate-x, -50%)) translateY(var(--parent-translate-y)) rotate(45deg)}}@layer components{.nav-link{color:var(--primary-600);font-weight:500;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:14px;position:relative;border:1px solid transparent;border-radius:1.5rem;text-decoration:none}.nav-link .nav-link-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.nav-link .nav-link-text{flex:1;white-space:nowrap;position:relative}.nav-link .nav-link-notification{position:absolute;top:-.25rem;right:-.25rem;background:var(--accent);color:var(--on-accent);border-radius:.375rem;min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;padding:0 .25rem;line-height:1;flex-shrink:0}.nav-link .nav-link-notification .nav-link-notification-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.nav-link.icon-only{padding:.5rem}.nav-link.icon-only .nav-link-icon{font-size:1.125rem}.nav-link:hover{text-decoration:none;color:var(--primary-300);background-color:oklch(from var(--tertiary) l c h/10%)}.nav-link:hover .nav-link-text{text-decoration:none}.nav-link.active{color:var(--tertiary-600);border-color:var(--tertiary-750)}}@layer components{.top-nav{grid-area:topnav;position:sticky;top:0;z-index:50;background:var(--background);color:var(--primary)}.top-nav-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 1rem;max-width:100%}.top-nav-content a{text-decoration:none}.top-nav-content .branding{display:flex;place-items:center;place-content:center}.top-nav-content .branding .logo,.top-nav-content .branding .logo-full{height:3rem}.top-nav-content .branding .site-title{margin-bottom:.125rem;line-height:1;font-size:1.5rem;font-weight:500;color:var(--secondary-500);text-transform:lowercase}.top-nav-content .top-nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}}@layer components{.secondary-nav{grid-area:secondarynav;background:var(--surface);color:var(--primary-400)}.secondary-nav-content{display:flex;align-items:center;justify-content:space-between;padding:.25rem 1rem;gap:1rem}.secondary-nav-content .secondary-nav-title{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s ease}.secondary-nav-content .secondary-nav-title:hover{color:var(--primary-300);text-decoration:underline}.secondary-nav-content .secondary-nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}}@layer utilities{.side-nav{flex-shrink:0;width:fit-content;min-width:200px;overflow-y:auto;transition:width .3s ease;display:flex;flex-direction:column;background-color:var(--surface)}.side-nav-content{padding:.5rem;flex:1}.side-nav-content .side-nav-links{display:grid;gap:0;place-items:start}.side-nav-content .side-nav-links .nav-link{padding:.5rem 1rem;place-self:stretch;border-radius:1rem}.side-nav-content .side-nav-links .nav-link .nav-link-text{text-decoration:none}.side-nav-content .side-nav-links .nav-link:hover{background:oklch(from var(--primary-100) l c h/10%)}.side-nav-content .side-nav-links .nav-link.active{background:oklch(from var(--primary-950) l c h/30%);color:var(--primary)}}@layer components{@keyframes slide-panel-open{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-panel-close{0%{transform:translate(0)}to{transform:translate(100%)}}.slide-panel-container{--slide-panel-width: 40%;position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate;z-index:100}.slide-panel-container .slide-panel{width:var(--slide-panel-width);min-width:300px;max-width:clamp(800px,var(--slide-panel-width),300px);height:100%;z-index:1000;backface-visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;left:unset;transition:display allow-discrete,visibility allow-discrete}.slide-panel-container .slide-panel.slide-panel-open{display:flex;flex-direction:column;animation:slide-panel-open .6s var(--easing-in-out-cubic) forwards}.slide-panel-container .slide-panel.slide-panel-closing{display:flex;flex-direction:column;animation:slide-panel-close .6s var(--easing-in-out-cubic) forwards;pointer-events:none}.slide-panel-container .slide-panel.slide-panel-closed{display:none}.slide-panel-container .slide-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:oklch(from var(--primary-300) l c h/10%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity .3s,backdrop-filter .3s,display allow-discrete,visibility allow-discrete}@starting-style{.slide-panel-container .slide-panel-backdrop{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0}}.slide-panel-container .slide-panel-resize-handle{position:absolute;left:0;top:0;bottom:0;width:3px;cursor:ew-resize;z-index:2;transition:background .3s}.slide-panel-container .slide-panel-resize-handle:before{content:"";position:absolute;top:0;right:-5px;bottom:0;left:-20px}.slide-panel-container .slide-panel-resize-handle:hover,.slide-panel-container .slide-panel-resize-handle:active{background:var(--primary-950)}.slide-panel-container .slide-panel-content{display:flex;flex-direction:column;height:100%;width:100%;padding:0;background:var(--background);overflow:hidden;border-radius:0;box-shadow:-.5rem 0 1rem oklch(from var(--primary) l c h/10%)}.slide-panel-container .slide-panel-header{flex-shrink:0;position:sticky;top:0;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--primary-950);z-index:1}.slide-panel-container .slide-panel-title{flex:1;min-width:0;margin:0;text-align:left;font-size:1.125rem;font-weight:600;color:var(--primary);line-height:1.3}.slide-panel-container .slide-panel-close{flex-shrink:0;margin-left:auto;--buttonBackground: transparent;--buttonHover: var(--primary-950);aspect-ratio:1;border:1px solid transparent;cursor:pointer;background:transparent}.slide-panel-container .slide-panel-close:hover{background:#fff;border:1px solid var(--primary-300)}.slide-panel-container .slide-panel-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}}@layer components{.authoring-layout{display:grid;grid-template-rows:auto auto 1fr;grid-template-areas:"topnav" "secondarynav" "body";height:100vh;overflow:hidden}.authoring-body{grid-area:body;display:flex;overflow:hidden}.authoring-main{flex:1;overflow-y:auto;padding:2rem;background:var(--background);opacity:1;transition:opacity .3s ease}@starting-style{.authoring-main{opacity:0}}}@layer components{.project-dashboard{max-width:1200px;margin:0 auto}.project-dashboard .dashboard-header{margin-bottom:3rem}.project-dashboard .dashboard-header h1{font-size:clamp(2rem,5vw,3rem);color:var(--primary);margin-bottom:.5rem}.project-dashboard .dashboard-header .project-id{color:var(--on-surface);opacity:.7;font-size:1rem}.project-dashboard .dashboard-sections{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:3rem}.project-dashboard .dashboard-section-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem 1rem;background:var(--surface);border:1px solid var(--primary-950);border-radius:.5rem;text-decoration:none;color:inherit;transition:all .2s ease}.project-dashboard .dashboard-section-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-dashboard .dashboard-section-card:hover .section-icon{color:var(--primary)}.project-dashboard .dashboard-section-card .section-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:var(--primary-700);border-radius:.5rem;font-size:2rem;transition:all .2s ease}.project-dashboard .dashboard-section-card h2{font-size:1.1rem;font-weight:600;color:var(--primary);margin:0}.project-dashboard .dashboard-section-card p{font-size:.85rem;color:var(--on-surface);opacity:.7;margin:0;line-height:1.4}.project-dashboard .dashboard-tasks{margin-top:3rem}.project-dashboard .dashboard-tasks h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}}@layer components{.tasks-page h1{margin-bottom:.5rem}.tasks-page p{margin-bottom:2rem;color:var(--on-surface);opacity:.7}}
