.notification-bell{position:relative}.notification-bell-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell-btn:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary-muted)}.bell-icon{justify-content:center;align-items:center;display:flex}.notification-badge{border-radius:var(--radius-full);background:var(--color-danger);min-width:18px;height:18px;color:var(--color-text-inverse);text-align:center;padding:0 5px;font-size:10px;font-weight:600;line-height:18px;position:absolute;top:-4px;right:-4px}.notification-panel{top:calc(100% + var(--space-sm));background:var(--color-surface);width:min(380px,92vw);max-height:440px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:60;animation:.2s dropdownIn;position:absolute;right:0;overflow:auto}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm)}.notification-empty{padding:var(--space-xl) var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;margin:0}.notification-list{margin:0;padding:0;list-style:none}.notification-item{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.notification-item:hover{background:var(--color-bg-subtle)}.notification-item.is-urgent{box-shadow:inset 3px 0 0 var(--color-priority-urgent)}.notification-item.is-urgent strong{color:var(--color-priority-urgent)}.notification-item:last-child{border-bottom:none}.notification-title{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);font-weight:600}.notification-body{margin:0 0 var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.notification-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.notification-actions .btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.notification-item-clickable{cursor:pointer}.app-shell{background:var(--color-bg);min-height:100vh;font-family:var(--font-family);color:var(--color-text)}.topbar{align-items:center;gap:var(--space-xl);padding:0 var(--space-xl);height:var(--app-topbar-height);background:var(--color-topbar-bg);border-bottom:1px solid var(--color-topbar-border);box-shadow:var(--shadow-xs);z-index:50;display:flex;position:sticky;top:0}.brand-link{transition:opacity var(--transition-fast);align-items:center;min-height:36px;text-decoration:none;display:flex}.brand-link:hover{opacity:.88}.topbar nav,.topbar-nav{gap:var(--space-xs);flex:1;display:flex}.topbar nav a,.topbar-nav a{color:var(--color-topbar-text-muted);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);font-weight:500;text-decoration:none}.topbar nav a:hover,.topbar-nav a:hover{color:var(--color-text);background:var(--color-bg-subtle)}.topbar nav a.active,.topbar-nav a.active{color:var(--color-primary);background:var(--color-primary-light)}.topbar-right{align-items:center;gap:var(--space-sm);display:flex}.topbar-right select,.topbar-right button{font:inherit;font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast)}.topbar-right select:hover,.topbar-right button:hover{border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.user-chip{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-subtle);border-radius:var(--radius-full)}main{padding:var(--space-xl);max-width:1400px;margin:0 auto}main:has(.board-page){max-width:none;margin:0;padding:0}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.page-header h1{font-size:var(--font-size-2xl);letter-spacing:-.02em;color:var(--color-text);margin:0;font-weight:700}.title-row{align-items:center;gap:var(--space-sm);display:flex}.title-row h1{margin:0}.title-edit-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.title-edit-btn:hover{color:var(--color-primary);background:var(--color-primary-light)}.title-edit-form{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.title-edit-form input{min-width:220px;font:inherit;font-size:var(--font-size-xl);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-weight:600}.title-edit-form input:focus{border-color:var(--color-primary-muted);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-lg);font:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-xs);border:none;font-weight:500;display:inline-flex}a.btn{box-sizing:border-box;text-decoration:none}.btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border-strong);box-shadow:none}.btn.secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary-muted);box-shadow:none}.btn.danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn.danger:hover{background:var(--color-danger-hover)}.btn.danger.secondary{color:var(--color-danger);border:1px solid var(--color-danger);box-shadow:none;background:0 0}.btn.danger.secondary:hover{background:var(--color-danger-light)}.btn.icon-only{padding:var(--space-sm)}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.card-link{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);text-decoration:none;display:block}.card-link:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-muted);transform:translateY(-2px)}.card-link strong{align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);margin-bottom:var(--space-xs);font-weight:600;display:flex}.card-link .meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.form-inline{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:end;display:flex}.form-inline label{gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;display:grid}.form-inline input,.form-inline select,.modal input,.modal select,.modal textarea:not(.mention-textarea-input){border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);font:inherit;background:var(--color-surface);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-inline input:focus,.form-inline select:focus,.modal input:focus,.modal select:focus,.modal textarea:not(.mention-textarea-input):focus{border-color:var(--color-primary-muted);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.table{border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.table th,.table td{text-align:left;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.table th{background:var(--color-bg-subtle);color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-subtle)}.modal-backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--transition-base) ease;place-items:center;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);width:min(520px,92vw);padding:var(--space-xl);gap:var(--space-md);border-radius:var(--radius-lg);max-height:90vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-slow) ease;display:grid;overflow:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal h2{margin:0 0 var(--space-xs);font-size:var(--font-size-xl);font-weight:600}.modal-actions{gap:var(--space-sm);margin-top:var(--space-sm);justify-content:flex-end;display:flex}.muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.company-email-row{margin-top:var(--space-sm)}.company-email-display{align-items:center;gap:var(--space-sm);display:flex}.member-lookup-result{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin:0}.page-header-actions{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.icon{vertical-align:middle;flex-shrink:0}.app-shell{background:#f4f6f9;min-height:100vh}.topbar{z-index:50;width:208px;height:100vh;box-shadow:none;background:#071a35;border:0;flex-direction:column;align-items:stretch;gap:20px;padding:20px 10px 16px;display:flex;position:fixed;inset:0 auto 0 0}.mobile-menu-btn{display:none}.brand-link{color:#fff;gap:8px;min-height:42px;padding:0 4px}.topbar .brand-logo__text{color:#f8fbff;font-size:14px}.topbar .brand-logo__icon{width:28px;height:28px}.admin-brand-caption{color:#b8c6dc;font-size:10px;font-weight:500;position:absolute;top:43px;left:74px}.topbar nav.topbar-nav{flex:none;align-content:start;gap:6px;width:100%;display:grid}.topbar nav a,.topbar-nav a{color:#b8c6dc;border-radius:5px;align-items:center;min-height:40px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.topbar nav a:before{content:"";border:1px solid;border-radius:2px;width:7px;height:7px;margin-right:11px}.topbar nav a:hover,.topbar-nav a:hover,.topbar nav a.active,.topbar-nav a.active{color:#fff;background:#0d3b7c}.topbar-right{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:auto;display:flex}.topbar-right select,.topbar-right button{color:#b8c6dc;text-align:left;background:0 0;border-color:#b8c6dc33;width:100%;min-height:36px}.topbar-right select:hover,.topbar-right button:hover{color:#fff;background:#0d2a52;border-color:#b8c6dc5c}.theme-toggle-btn,.topbar-right .notification-bell,.topbar-right .locale-select{display:none}.user-avatar-link{color:#e5edf9;border-radius:8px;align-items:center;gap:9px;padding:8px 5px;text-decoration:none;display:flex;overflow:hidden}.user-avatar-link:hover{background:#ffffff14}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.logout-btn{border:0!important;border-top:1px solid #b8c6dc2e!important;border-radius:0!important;padding-top:16px!important}main{max-width:none;min-height:100vh;margin-left:208px;padding:30px 38px 56px}main:has(.board-page){margin-left:208px;padding:0}@media (width<=768px){.topbar{flex-direction:row;align-items:center;gap:12px;width:100%;height:58px;padding:10px 14px;position:sticky;inset:auto}.mobile-menu-btn{color:#fff;background:0 0;border:1px solid #b8c6dc40;justify-content:center;align-items:center;width:34px;min-width:34px;display:inline-flex}.admin-brand-caption,.topbar nav.topbar-nav,.topbar-right{display:none}:is(main,main:has(.board-page)){margin-left:0;padding:22px 16px 40px}}.btn-create{padding:var(--space-sm) var(--space-xl);box-shadow:var(--shadow-md);gap:var(--space-sm);font-weight:600}.btn-create:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-save{min-width:100px;font-weight:600}.btn-ghost{color:var(--color-danger);box-shadow:none;background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--color-danger-light);box-shadow:none}.breadcrumb{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-sm);display:flex}.breadcrumb a{color:var(--color-primary);font-weight:500;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.form-section-label{margin:0 0 var(--space-md);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.form-section-readonly{background:var(--color-bg-subtle)}.form-grid{gap:var(--space-md);display:grid}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=560px){.form-grid-2{grid-template-columns:1fr}}.form-field{gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;display:grid}.form-field-full{grid-column:1/-1}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400;line-height:1.4}.form-field input,.form-field select,.form-field textarea,.modal .form-field input,.modal .form-field select,.modal .form-field textarea{color:var(--color-text);width:100%;font-weight:400}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--color-bg-subtle);color:var(--color-text-muted);cursor:not-allowed}.textarea-auto{resize:vertical;min-height:100px;line-height:1.5}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.modal-close-btn{color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.modal-close-btn:hover{color:var(--color-text);background:var(--color-bg-subtle)}.modal-footer{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.modal-footer-right{gap:var(--space-sm);margin-left:auto;display:flex}.theme-toggle-btn{justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.mobile-menu-btn{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-menu-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.mobile-nav-backdrop{z-index:60;background:var(--color-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;animation:fadeIn var(--transition-base) ease;border:none;display:none;position:fixed;inset:0}.mobile-nav-drawer{z-index:70;background:var(--color-surface);border-right:1px solid var(--color-border);width:min(280px,85vw);height:100dvh;box-shadow:var(--shadow-lg);transition:transform var(--transition-slow) ease;flex-direction:column;display:none;position:fixed;top:0;left:0;transform:translate(-100%)}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.mobile-nav-user{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text);flex:1;min-width:0;font-weight:600;text-decoration:none;display:inline-flex}.mobile-nav-user span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-nav-close{width:36px;height:36px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-nav-close:hover{background:var(--color-bg-subtle);color:var(--color-text)}.mobile-nav-links{gap:var(--space-xs);padding:var(--space-md);flex-direction:column;flex:1;display:flex}.mobile-nav-links a{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.mobile-nav-links a:hover{background:var(--color-bg-subtle);color:var(--color-text)}.mobile-nav-links a.active{background:var(--color-primary-light);color:var(--color-primary)}.mobile-nav-footer{padding:var(--space-lg);border-top:1px solid var(--color-border)}.mobile-nav-logout{width:100%;min-height:44px}.table-scroll-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);overflow-x:auto}.table-scroll-wrap .table{min-width:560px}@media (width<=1023px){main{padding:var(--space-lg)}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{width:100%}}@media (width<=767px){.topbar{gap:var(--space-sm);padding:0 var(--space-md);height:52px}.mobile-menu-btn{display:inline-flex}.topbar-nav,.user-chip,.logout-btn{display:none}.brand-link{flex:1;min-width:0}.topbar-right{gap:var(--space-xs);flex-shrink:0}.topbar-right select,.topbar-right button{min-width:36px;min-height:36px;padding:var(--space-xs) var(--space-sm)}.locale-select{max-width:52px;padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.theme-toggle-btn{width:36px;height:36px}.mobile-nav-backdrop{display:block}.mobile-nav-drawer{display:flex}main{padding:var(--space-md)}.page-header h1{font-size:var(--font-size-xl)}.title-edit-form input{width:100%;min-width:0;font-size:var(--font-size-lg)}.title-edit-form{flex-direction:column;align-items:stretch}.title-edit-form .btn{width:100%;min-height:44px}.form-inline{flex-direction:column;align-items:stretch}.form-inline label{width:100%}.form-inline .btn{width:100%;min-height:44px}.form-inline input,.form-inline select,.modal input,.modal select,.modal textarea:not(.mention-textarea-input),.form-field input,.form-field select,.form-field textarea{min-height:44px;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}.btn{min-height:44px;padding:var(--space-md) var(--space-lg)}.btn-create{justify-content:center;width:100%}.modal{width:min(520px,96vw);padding:var(--space-lg);max-height:92vh}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .btn{width:100%}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer-right{flex-direction:column;width:100%;margin-left:0}.modal-footer-right .btn{width:100%}.card-grid{grid-template-columns:1fr}.breadcrumb{flex-wrap:wrap}}body.mobile-nav-open{overflow:hidden}.page-loading{padding:var(--space-xl,32px);text-align:center;color:var(--color-text-muted)}.google-signin{border-radius:var(--radius-md);width:100%;height:48px;position:relative}.google-signin-face{justify-content:center;align-items:center;gap:var(--space-md);width:100%;height:100%;padding:0 var(--space-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);letter-spacing:-.01em;box-shadow:var(--shadow-xs);pointer-events:none;transition:border-color var(--transition-base), box-shadow var(--transition-base);font-weight:600;display:flex}.google-signin:hover .google-signin-face{border-color:var(--color-primary-muted);box-shadow:var(--shadow-sm)}.google-signin-native{opacity:.001;border-radius:var(--radius-md);cursor:pointer;position:absolute;inset:0;overflow:hidden}.google-signin-native>div{width:100%!important;height:100%!important}.google-signin-native iframe{width:100%!important;min-height:48px!important;margin:0!important}.google-signin.is-disabled{opacity:.55;pointer-events:none}.google-signin.is-disabled .google-signin-face{filter:grayscale(.2)}.login-page{isolation:isolate;color:#f0f4ff;min-height:100svh;font-family:var(--font-family);background:#080e20;padding:30px 48px;position:relative;overflow:hidden}.login-page-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-bg-gradient{background:radial-gradient(at 24% 44%,#15295b 0%,#0000 55%),radial-gradient(at 95% 10%,#142248 0%,#0000 45%);position:absolute;inset:0}.login-bg-dots{background-image:radial-gradient(#7097dc24 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 85%);mask-image:linear-gradient(90deg,#000,#0000 85%)}.login-bg-orb{filter:blur(90px);opacity:.14;border-radius:50%;width:350px;height:350px;position:absolute}.login-bg-orb-a{background:#397cff;top:25%;left:5%}.login-bg-orb-b{background:#8465ff;bottom:-25%;right:0}.login-shell{width:min(1160px,100%);margin:auto;position:relative}.login-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-page .brand-logo__text{color:#f5f8ff;font-size:21px}.login-page .brand-logo__icon{width:34px;height:34px}.login-page .lang-switcher{background:#ffffff05;border:1px solid #ffffff18;border-radius:9px;gap:3px;padding:4px;display:flex}.login-page .lang-switcher-btn{font:inherit;color:#8999b8;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600}.login-page .lang-switcher-btn:hover{color:#fff}.login-page .lang-switcher-btn.is-active{color:#fff;background:#ffffff14}.login-content{grid-template-columns:1fr 440px;align-items:center;gap:80px;min-height:calc(100svh - 145px);padding:44px 0;display:grid}.login-showcase{min-width:0}.login-eyebrow{color:#a3bce5;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:600;display:inline-flex}.login-eyebrow>span{background:#68dccc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #68dccc80}.login-showcase h2{letter-spacing:-.045em;color:#f3f6ff;margin:23px 0 20px;font-size:clamp(34px,3.8vw,52px);font-weight:600;line-height:1.2}.login-showcase h2>span{color:#0000;background:linear-gradient(100deg,#8eaaff,#8ee0e3);-webkit-background-clip:text;background-clip:text}.login-showcase-copy{color:#9eacc7;max-width:420px;margin:0;font-size:14px;line-height:1.8}.login-network{max-width:460px;height:265px;margin:18px 0 8px;position:relative}.login-orbit{border:1px solid #809bd52a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.login-orbit-outer{width:360px;height:216px}.login-orbit-inner{border-style:dashed;border-color:#8faeff30;width:252px;height:150px;transform:translate(-50%,-50%)rotate(24deg)}.login-network-axis{background:linear-gradient(90deg,#0000,#8ab9ff60,#0000);height:1px;position:absolute;top:50%;left:12%;right:12%;transform:rotate(-25deg)}.login-core{color:#dcf0ff;background:linear-gradient(145deg,#355bd7,#182e72);border:1px solid #7b9eee90;border-radius:26px;place-items:center;width:96px;height:96px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 65px #3a6bf73b,inset 0 1px #c2d6ff60}.login-node{color:#c8d6ee;background:#11213cdd;border:1px solid #9ebeff28;border-radius:11px;align-items:center;gap:9px;padding:13px 16px;font-size:11px;animation:7s ease-in-out infinite login-float;display:flex;position:absolute;box-shadow:0 10px 30px #0002}.login-node svg{color:#86aaff}.login-node-a{top:42px;left:0}.login-node-a i{background:#69d7be;border-radius:50%;width:5px;height:5px;margin-left:5px}.login-node-b{animation-delay:-3s;bottom:40px;right:0}.login-node-b svg{color:#78d7c9}.login-satellite{background:#a3bfff;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 16px #83adff}.login-satellite-a{top:34px;right:80px}.login-satellite-b{width:4px;height:4px;bottom:48px;left:83px}.login-network-caption{text-align:center;letter-spacing:.22em;color:#5e759d;width:100%;font:9px monospace;position:absolute;bottom:0}.login-showcase-footer{color:#96a6c3;border-top:1px solid #ffffff12;align-items:center;gap:14px;margin-top:22px;padding-top:21px;font-size:11px;display:flex}.login-showcase-footer>span{color:#5779ad;font:11px monospace}.login-page main.login-card{color:#14213b;background:#fff;border:1px solid #fff;border-radius:20px;width:100%;max-width:none;min-height:0;margin:0;padding:36px;box-shadow:0 30px 90px #0004}.login-form-icon{color:#3b64d9;background:#f1f5ff;border:1px solid #e1e9fc;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:22px;display:grid}.login-header h1{letter-spacing:-.035em;color:#17233b;margin:0 0 8px;font-size:26px;font-weight:650;line-height:1.3}.login-subtitle{color:#7b879b;margin:0 0 26px;font-size:13px;line-height:1.65}.login-block-label{color:#8792a5;letter-spacing:.08em;text-transform:uppercase;margin:0 0 13px;font-size:10px;font-weight:600}.login-block-social .login-block-label{display:none}.login-page .google-signin{height:44px}.login-page .google-signin-face{color:#344158;box-shadow:none;background:#fff;border:1px solid #dfe5ef;border-radius:9px;font-size:12px}.login-page .google-signin:focus-within{border-radius:9px;outline:3px solid #c0d1ff}.login-or{align-items:center;gap:13px;margin:23px 0;display:flex}.login-or-line{background:#edf0f5;flex:1;height:1px}.login-or-text{color:#929bad;font-size:11px}.login-form{gap:18px;display:grid}.login-field{gap:7px;display:grid}.login-field label{color:#46536a;font-size:12px;font-weight:600}.login-input-wrap{color:#96a3b8;background:#fafbfd;border:1px solid #dfe5ef;border-radius:9px;align-items:center;gap:11px;height:46px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.login-input-wrap:focus-within{background:#fff;border-color:#6489ee;box-shadow:0 0 0 3px #436dea12}.login-input-wrap>svg{flex-shrink:0}.login-page .login-input{color:#24324a;width:100%;min-width:0;height:100%;font:inherit;box-shadow:none;background:0 0;border:0;outline:0;padding:0;font-size:13px}.login-input::placeholder{color:#a2aabb}.login-password-toggle{color:#8996ad;cursor:pointer;background:0 0;border:0;place-items:center;margin-right:-6px;padding:6px;display:grid}.login-password-toggle:hover{color:#365fd3}.login-submit{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:linear-gradient(100deg,#355ce1,#4779ef);border:0;border-radius:9px;justify-content:center;align-items:center;gap:12px;margin-top:5px;padding:12px;font-size:13px;font-weight:600;transition:filter .2s,transform .2s;display:flex;box-shadow:0 6px 16px #355ce12b}.login-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:wait}.login-alert{border-radius:8px;margin:14px 0;padding:11px 13px;font-size:12px;line-height:1.6}.login-alert-error{color:#b83b4e;background:#fff2f4;border:1px solid #f8dce2}.login-access-note{text-align:center;color:#929bad;border-top:1px solid #edf0f5;margin:24px 0 0;padding-top:18px;font-size:11px;line-height:1.6}.login-bottom{color:#637594;justify-content:space-between;gap:15px;font-size:10px;display:flex}.login-page button:focus-visible{outline-offset:3px;outline:3px solid #83a9ff}.login-spinner{animation:1s linear infinite login-spin}@keyframes login-float{50%{transform:translateY(-6px)}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width>=1450px){.login-content{gap:130px}}@media (width<=1000px){.login-page{padding:25px 30px}.login-content{grid-template-columns:1fr 400px;gap:40px}.login-network{transform-origin:50%;transform:scale(.88)}.login-showcase h2{font-size:34px}}@media (width<=800px){.login-content{grid-template-columns:minmax(0,440px);justify-content:center;gap:0;padding:36px 0}.login-showcase{display:none}.login-page{padding:22px 24px}.login-bottom{justify-content:center}.login-bottom>span:last-child{display:none}}@media (width<=440px){.login-page{padding:20px 16px}.login-page main.login-card{border-radius:16px;padding:26px 23px}.login-header h1{font-size:24px}.login-page .login-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition:none!important;animation:none!important}}:root{--color-primary:#0047ff;--color-primary-hover:#0038cc;--color-primary-light:#e8efff;--color-primary-muted:#4d7dff;--color-bg:#f7f8fa;--color-bg-subtle:#eef0f4;--color-surface:#fff;--color-surface-raised:#fff;--color-text:#1a2332;--color-text-secondary:#5c6778;--color-text-muted:#8b95a5;--color-text-inverse:#fff;--color-border:#e2e6ed;--color-border-strong:#cdd3de;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-light:#fde8ea;--color-success:#28a745;--color-warning:#f0ad4e;--color-warning-dark:#b7791f;--color-warning-light:#fffaeb;--color-priority-urgent:#b42318;--color-priority-urgent-bg:#fef3f2;--color-priority-high:#b54708;--color-priority-high-bg:#fffaeb;--color-priority-medium:#175cd3;--color-priority-medium-bg:#eff8ff;--color-priority-low:#344054;--color-priority-low-bg:#f2f4f7;--color-due-soon:#b54708;--color-due-soon-bg:#fffaeb;--color-col-todo:#fef9e7;--color-col-todo-accent:#f5d76e;--color-col-progress:#e8f4fd;--color-col-progress-accent:#6cb4e8;--color-col-done:#e8f8ef;--color-col-done-accent:#6dd99a;--app-topbar-height:56px;--color-topbar-bg:#fff;--color-topbar-border:var(--color-border);--color-topbar-text:var(--color-text);--color-topbar-text-muted:var(--color-text-secondary);--color-backdrop:color-mix(in srgb, var(--color-text) 40%, transparent);--font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 1px #1a233208;--shadow-sm:0 1px 2px #1a23320d, 0 0 0 1px #1a233205;--shadow-md:0 8px 24px #1a233214, 0 2px 6px #1a23320a;--shadow-lg:0 16px 40px #1a23321f, 0 4px 12px #1a23320f;--shadow-hover:0 4px 12px #1a233214;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--border:var(--color-border);--surface:var(--color-surface);--muted:var(--color-text-muted);--text:var(--color-text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#4d7dff;--color-primary-hover:#6b93ff;--color-primary-light:#4d7dff24;--color-primary-muted:#4d7dff;--color-bg:#0f1419;--color-bg-subtle:#1a2332;--color-surface:#1e2736;--color-surface-raised:#252f3f;--color-text:#e8ecf1;--color-text-secondary:#a8b3c4;--color-text-muted:#7a8699;--color-text-inverse:#0f1419;--color-border:#2d3748;--color-border-strong:#3d4a5c;--color-danger-light:#dc354526;--color-warning-dark:#d4a017;--color-warning-light:#f0ad4e24;--color-priority-urgent:#f97066;--color-priority-urgent-bg:#f970661f;--color-priority-high:#fdb022;--color-priority-high-bg:#fdb0221f;--color-priority-medium:#53b1fd;--color-priority-medium-bg:#53b1fd1f;--color-priority-low:#98a2b3;--color-priority-low-bg:#98a2b31f;--color-due-soon:#fdb022;--color-due-soon-bg:#fdb0221f;--color-col-todo:#f5d76e14;--color-col-todo-accent:#d4a843;--color-col-progress:#6cb4e81a;--color-col-progress-accent:#6cb4e8;--color-col-done:#6dd99a1a;--color-col-done-accent:#6dd99a;--color-topbar-bg:#1a2332;--color-topbar-border:#2d3748;--color-topbar-text:#e8ecf1;--color-topbar-text-muted:#a8b3c4;--color-backdrop:#0000008c;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-hover:0 6px 16px #00000059}}:root[data-theme=dark]{--color-primary:#4d7dff;--color-primary-hover:#6b93ff;--color-primary-light:#4d7dff24;--color-primary-muted:#4d7dff;--color-bg:#0f1419;--color-bg-subtle:#1a2332;--color-surface:#1e2736;--color-surface-raised:#252f3f;--color-text:#e8ecf1;--color-text-secondary:#a8b3c4;--color-text-muted:#7a8699;--color-text-inverse:#0f1419;--color-border:#2d3748;--color-border-strong:#3d4a5c;--color-danger-light:#dc354526;--color-warning-dark:#d4a017;--color-warning-light:#f0ad4e24;--color-priority-urgent:#f97066;--color-priority-urgent-bg:#f970661f;--color-priority-high:#fdb022;--color-priority-high-bg:#fdb0221f;--color-priority-medium:#53b1fd;--color-priority-medium-bg:#53b1fd1f;--color-priority-low:#98a2b3;--color-priority-low-bg:#98a2b31f;--color-due-soon:#fdb022;--color-due-soon-bg:#fdb0221f;--color-col-todo:#f5d76e14;--color-col-todo-accent:#d4a843;--color-col-progress:#6cb4e81a;--color-col-progress-accent:#6cb4e8;--color-col-done:#6dd99a1a;--color-col-done-accent:#6dd99a;--color-topbar-bg:#1a2332;--color-topbar-border:#2d3748;--color-topbar-text:#e8ecf1;--color-topbar-text-muted:#a8b3c4;--color-backdrop:#0000008c;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-hover:0 6px 16px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-primary-muted);outline-offset:2px}.pc-page{gap:var(--space-lg);padding-bottom:var(--space-2xl);flex-direction:column;display:flex}.pc-hero{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap;display:flex}.pc-hero-main{gap:var(--space-md);align-items:flex-start;min-width:0;display:flex}.pc-hero-icon{border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pc-hero-copy{gap:var(--space-xs);min-width:0;display:grid}.pc-title{font-size:var(--font-size-xl);letter-spacing:-.03em;color:var(--color-text);margin:0;font-weight:650;line-height:1.2}.pc-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:54ch;margin:0}.pc-meta{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.pc-meta-item{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.pc-meta-item.is-danger{color:var(--color-danger)}.pc-meta-sep{color:var(--color-border-strong);-webkit-user-select:none;user-select:none}.pc-primary-btn,.pc-ghost-btn,.pc-tool-btn{border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.pc-primary-btn{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse);padding:6px var(--space-md)}.pc-primary-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pc-primary-btn:disabled{opacity:.55;cursor:not-allowed}.pc-ghost-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);padding:6px 10px}.pc-ghost-btn:hover{background:var(--color-bg-subtle);color:var(--color-text)}.pc-tool-btn{color:var(--color-text-secondary);padding:6px var(--space-sm);background:0 0;border:1px solid #0000}.pc-tool-btn:hover,.pc-tool-btn.is-active{background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text)}.pc-icon-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.pc-icon-btn:hover{background:var(--color-bg-subtle);color:var(--color-text)}.pc-icon-btn-border{border:1px solid var(--color-border);background:var(--color-surface)}.pc-icon-btn.is-fav{color:var(--color-warning)}.pc-kbd{font-family:var(--font-family-mono);border:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-muted);border-radius:4px;padding:2px 5px;font-size:10px;line-height:1}.pc-chrome{top:var(--app-topbar-height);z-index:25;background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);margin:0 -4px;padding:4px;position:sticky}.pc-toolbar{align-items:center;gap:var(--space-md);padding:var(--space-sm) 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.pc-toolbar-left,.pc-toolbar-right{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pc-toolbar-left{flex:1;min-width:0}.pc-toolbar-right{margin-left:auto}.pc-toolbar-group{position:relative}.pc-search{align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-width:200px;max-width:280px;height:32px;color:var(--color-text-muted);flex:1;padding:0 10px;display:flex;position:relative}.pc-search:focus-within{border-color:var(--color-primary-muted);box-shadow:0 0 0 3px var(--color-primary-light)}.pc-search input{min-width:0;color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.pc-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.pc-search-history{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.pc-search:focus-within .pc-search-history{display:flex}.pc-search-history-item{text-align:left;padding:6px var(--space-sm);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none}.pc-search-history-item:hover{background:var(--color-bg-subtle);color:var(--color-text)}.pc-popover{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.pc-popover-right{left:auto;right:0}.pc-popover-section{flex-direction:column;gap:2px;display:flex}.pc-popover-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:6px var(--space-sm) 4px;font-size:11px;font-weight:600}.pc-popover-divider{background:var(--color-border);border:none;height:1px;margin:4px 0}.pc-dropdown-item{align-items:center;gap:var(--space-sm);text-align:left;width:100%;padding:7px var(--space-sm);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.pc-dropdown-item:hover,.pc-dropdown-item.is-on{background:var(--color-bg-subtle)}.pc-dropdown-item.is-on{color:var(--color-primary);font-weight:550}.pc-dropdown-item.danger{color:var(--color-danger)}.pc-dropdown-item.danger:hover{background:var(--color-danger-light)}.pc-dropdown-hint{padding:6px var(--space-sm);color:var(--color-text-muted);font-size:11px;display:block}.pc-panel{gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:grid}.pc-panel-head{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.pc-panel-head h2{font-size:var(--font-size-base);margin:0;font-weight:600}.pc-panel-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.pc-field{font-size:var(--font-size-sm);color:var(--color-text-secondary);gap:6px;font-weight:500;display:grid}.pc-field input,.pc-field select,.pc-field textarea{font:inherit;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);padding:8px 10px;font-weight:400}.pc-field input:focus,.pc-field select:focus,.pc-field textarea:focus{border-color:var(--color-primary-muted);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.pc-section{gap:var(--space-md);display:grid}.pc-section-head{align-items:baseline;gap:var(--space-sm);display:flex}.pc-section-head h2{font-size:var(--font-size-base);color:var(--color-text);margin:0;font-weight:600}.pc-section-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.pc-empty{text-align:center;justify-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-xl);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);display:grid}.pc-empty.compact{padding:var(--space-xl)}.pc-empty h2,.pc-empty h3{font-size:var(--font-size-base);margin:0;font-weight:600}.pc-empty p{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:42ch;margin:0}.pc-empty-art{margin-bottom:var(--space-sm);gap:4px;display:flex}.pc-empty-art span{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:4px;width:8px;height:28px;display:block}.pc-empty-art span:nth-child(2){background:var(--color-primary-light);border-color:color-mix(in srgb, var(--color-primary) 25%, var(--color-border));height:36px}@media (prefers-reduced-motion:reduce){.pc-primary-btn,.pc-ghost-btn,.pc-tool-btn,.pc-icon-btn{transition:none}}