@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";:root{--color-primary:#1565c0;--color-primary-light:#64b5f6;--color-primary-dark:#0d47a1;--color-secondary:#ffc107;--fs-2xs:.65rem;--fs-xs:.75rem;--fs-sm:.82rem;--fs-base:.9rem;--fs-lg:1rem;--fs-xl:1.15rem;--fs-2xl:1.4rem;--fw-normal:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--color-background-base:#020408;--color-surface:#0f172ad9;--color-surface-hover:#1e293bf2;--color-surface-border:#ffffff26;--color-surface-translucent:#0f172abf;--color-block-border:#ffffff40;--color-background-soft:#0f172a66;--color-text-main:#fff;--color-text-muted:#94a3b8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:1.25rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-glow:0 0 24px #1565c059;--shadow-card:0 20px 60px #00000080;--shadow-md:0 4px 16px #00000026;--shadow-xl:0 16px 48px #00000059;--transition-fast:.15s ease;--transition-normal:.25s ease;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-error:#ef4444;--color-text1:#e2e8f0;--color-text2:#94a3b8;--color-bg1:#0f172a99;--color-bg2:#1e293bcc;--color-bg2-rgb:30, 41, 59;--color-border:#ffffff1a}[data-theme=light]{--color-background-base:#f0f4f9;--color-surface:#ffffffe6;--color-surface-hover:#fffffff2;--color-surface-border:#0000001a;--color-surface-translucent:#ffffffbf;--color-block-border:#0000001f;--color-background-soft:#f8fafccc;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-error:#dc2626;--color-text1:#1e293b;--color-text2:#475569;--color-bg1:#f8fafccc;--color-bg2:#f1f5f9e6;--color-bg2-rgb:241, 245, 249;--color-border:#00000014}body{font-family:Outfit,Noto Sans TC,system-ui,sans-serif;font-size:var(--fs-base);background-color:var(--color-background-base);color:var(--color-text-main);letter-spacing:-.01em;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);margin:0;padding:0;font-family:Inter,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:16.5px;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.custom-scrollbar.scrolling{scrollbar-color:#94a3b873 transparent}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:0 0;border-radius:99px;transition:background .3s}.custom-scrollbar.scrolling::-webkit-scrollbar-thumb{background:#94a3b873}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#1e293b99;border:1px solid #ffffff1a}.text-gradient{background:linear-gradient(135deg, var(--color-primary-light), var(--color-text-main));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-gradient-secondary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #4a88e166}70%{box-shadow:0 0 0 15px #4a88e100}to{box-shadow:0 0 #4a88e100}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.animate-slide-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.hover-float{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-float:hover{box-shadow:var(--shadow-glow);transform:translateY(-5px)}.hover-glow{transition:box-shadow var(--transition-fast), border-color var(--transition-fast)}.hover-glow:hover{box-shadow:var(--shadow-glow);border-color:var(--color-primary-light)}.interactive-scale{transition:transform .15s}.interactive-scale:active{transform:scale(.97)}@keyframes listItemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.list-item-enter{animation:.2s cubic-bezier(.16,1,.3,1) both listItemIn}.list-item-enter:first-child{animation-delay:0s}.list-item-enter:nth-child(2){animation-delay:30ms}.list-item-enter:nth-child(3){animation-delay:60ms}.list-item-enter:nth-child(4){animation-delay:90ms}.list-item-enter:nth-child(5){animation-delay:.12s}.list-item-enter:nth-child(6){animation-delay:.15s}.list-item-enter:nth-child(7){animation-delay:.18s}.list-item-enter:nth-child(8){animation-delay:.21s}.list-item-enter:nth-child(9){animation-delay:.24s}.list-item-enter:nth-child(10){animation-delay:.27s}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.card-enter{animation:.3s cubic-bezier(.16,1,.3,1) both cardIn}button:not(:disabled):active,.pt-btn:not(:disabled):active,.mcs-btn:not(:disabled):active,.dash-quick-btn:active{transition:transform 80ms;transform:scale(.97)}.navbar{z-index:1000;width:100%;transition:all var(--transition-normal);padding:.5rem 1rem;position:fixed;top:0;left:0}.navbar-glass{background:var(--color-surface-translucent);-webkit-backdrop-filter:blur(32px)saturate(150%);border-bottom:1px solid var(--color-surface-border);position:relative;overflow:hidden;box-shadow:0 4px 24px -8px #0000004d}.navbar-glass:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-light), #fff, var(--color-primary-light), transparent);opacity:.8;width:30%;height:1px;animation:5s cubic-bezier(.4,0,.2,1) infinite navbar-shimmer;position:absolute;top:0;left:-50%}@keyframes navbar-shimmer{0%{opacity:0;left:-50%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:150%}}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:.75rem;display:flex}.logo-icon-wrapper{border-radius:var(--radius-md);background:#0f52ba1a;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.logo-icon.primary{color:var(--color-primary-light)}.logo-icon.secondary{color:var(--color-secondary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-text{letter-spacing:-.025em;flex-direction:row;align-items:baseline;gap:.4rem;font-size:1.125rem;font-weight:700;line-height:1.1;display:flex}.logo-subtitle{letter-spacing:.05em;font-size:.75rem;font-weight:500}.navbar-actions-group{align-items:center;gap:1.5rem;display:flex}.theme-toggle-btn{background:var(--color-surface);border:1px solid var(--color-surface-border);width:40px;height:40px;color:var(--color-text-main);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sun-icon{color:#f59e0b}.moon-icon{color:#818cf8}.navbar-status{color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-surface-border);align-items:center;gap:1rem;padding:.5rem 1.25rem;font-family:Inter,monospace;font-size:.8125rem;display:flex;box-shadow:inset 0 2px 4px #0000000d}.status-indicator{width:8px;height:8px;position:relative}.status-dot{background-color:var(--color-success);z-index:2;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:0}.status-pulse{background-color:var(--color-success);opacity:.4;border-radius:50%;width:16px;height:16px;animation:2s infinite pulse-glow;position:absolute;top:-4px;left:-4px}.status-text-block{flex-direction:column;line-height:1.2;display:flex}.status-text-en{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem}.status-text-zh{color:var(--color-text-main);letter-spacing:.05em;font-size:.85rem;font-weight:600}.status-divider{background-color:var(--color-surface-border);width:1px;height:20px}.status-time{color:var(--color-text-main);letter-spacing:.05em;font-size:.85rem;font-weight:600}@media (width<=768px){.desktop-only{display:none}.navbar-status{padding:.5rem .75rem}.status-time{display:none}}.hero-section{background-color:var(--color-background-base);height:100vh;transition:background-color var(--transition-normal);justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.grid-overlay{background-image:linear-gradient(90deg,#8080800d 1px,#0000 1px),linear-gradient(#8080800d 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.glow-orb{filter:blur(120px);opacity:.4;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.orb-1{background:var(--color-primary-glow);width:600px;height:600px;top:-200px;left:-200px}.orb-2{background:var(--color-secondary-glow);width:500px;height:500px;animation-delay:-5s;top:100px;right:-150px}.hero-container{z-index:10;justify-content:center;align-items:center;width:100%;display:flex;transform:translateY(-8vh)}.portal-card{background:var(--color-surface-translucent);-webkit-backdrop-filter:blur(32px)saturate(120%);border-radius:var(--radius-2xl);width:100%;max-width:440px;transition:all var(--transition-normal);z-index:1;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex;position:relative;box-shadow:0 20px 40px -10px #00000080,inset 0 1px #ffffff1a}.portal-card:after{content:"";border-radius:var(--radius-2xl);background:linear-gradient(135deg, #fff6 0%, #fff0 40%, #fff0 60%, var(--color-primary-light) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;opacity:.8;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.portal-header{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.header-icon-ring{background:var(--color-surface);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 0 25px #0f52ba33}.header-icon-ring:before{content:"";background:conic-gradient(from 0deg, transparent 0%, transparent 70%, var(--color-primary-light) 100%);z-index:-1;border-radius:50%;animation:3s linear infinite hero-spin;position:absolute;inset:-2px}@keyframes hero-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-icon{color:var(--color-primary-light)}.portal-title{color:var(--color-text-main);letter-spacing:.08em;margin:0;font-size:1.625rem;font-weight:800}.portal-subtitle{color:var(--color-text-muted);letter-spacing:.15em;margin:0;font-size:.75rem}.portal-info{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-surface-border);flex-direction:column;gap:.5rem;padding:.85rem;display:flex;box-shadow:inset 0 2px 4px #00000005}.info-row{justify-content:space-between;align-items:center;display:flex}.info-label-group{flex-direction:column;gap:.15rem;display:flex}.info-label-en{color:var(--color-text-muted);letter-spacing:.05em;font-family:Inter,monospace;font-size:.65rem}.info-label-zh{color:var(--color-text-main);font-size:.82rem;font-weight:400}.info-value{color:var(--color-text-main);text-align:right;font-size:.85rem;font-weight:500}.highlighted{color:var(--color-secondary-light)}.success{color:var(--color-success);align-items:center;gap:.35rem;font-size:.9rem;display:flex}.success-dot{background-color:var(--color-success);width:6px;height:6px;box-shadow:0 0 8px var(--color-success);border-radius:50%;display:inline-block}.success-dot-pulse{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.success-dot-core{background:var(--color-success);width:7px;height:7px;box-shadow:0 0 6px var(--color-success);z-index:1;border-radius:50%;position:relative}.success-dot-ring{border:1.5px solid var(--color-success);opacity:0;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;animation:2.4s ease-out infinite scanRipple;position:absolute;top:50%;left:50%}.success-dot-ring.ring2{animation-delay:1.2s}@keyframes scanRipple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}.portal-actions{width:100%}.btn-login{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;width:100%;transition:all var(--transition-normal);border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.75rem;padding:.875rem;font-size:1.125rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0f52ba66}.btn-login:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0f52ba99}.btn-login:active{transform:translateY(1px)}.btn-glow-effect{background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:3s infinite button-glance;position:absolute;top:0;left:-50%;transform:skew(-20deg)}@keyframes button-glance{0%{left:-50%}30%{left:150%}to{left:150%}}.btn-text{flex-direction:row;align-items:baseline;gap:.5rem;line-height:1.1;display:flex}.btn-text-zh{letter-spacing:.2em;font-weight:800}.btn-text-en{letter-spacing:.1em;opacity:.8;font-size:.7rem;font-weight:500}.icon-left,.icon-right{opacity:.9}@media (width<=576px){.btn-login{gap:.5rem;padding:1rem .5rem;font-size:1rem}.btn-text-zh{letter-spacing:.1em}}.footer-section{z-index:10;background:0 0;width:100%;padding:1rem 1.5rem;position:absolute;bottom:0}.footer-container{max-width:1400px;margin:0 auto}.footer-bottom{justify-content:center;align-items:center;display:flex}.copyright{color:var(--color-text-muted);letter-spacing:.05em;align-items:center;gap:.5rem;margin:0;font-family:Inter,monospace;font-size:.75rem;display:flex}.shield-icon{color:var(--color-text-muted)}.divider{color:var(--color-surface-border);margin:0 .25rem}.made-with{color:#ffffff4d}@media (width<=576px){.copyright{text-align:center;flex-flow:column wrap;justify-content:center;align-items:center;gap:.15rem}.desktop-only{display:none}}:root{--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem}.project-layout-container{background-color:var(--color-background-base);width:100%;height:100vh;display:flex;overflow:hidden}.pl-sidebar{background:var(--color-surface);-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--color-surface-border);width:260px;transition:width var(--transition-normal);z-index:1000;flex-direction:column;display:flex;position:relative;overflow:hidden}.pl-sidebar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.pl-sidebar.collapsed{width:72px}.pl-sidebar-header{justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex;position:relative}.pl-sidebar.collapsed .pl-sidebar-header{justify-content:center;padding:0}.pl-brand{color:var(--color-text1);align-items:center;gap:12px;text-decoration:none;display:flex;overflow:hidden}.pl-brand-icon-wrapper{background-color:var(--color-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pl-brand h1{white-space:nowrap;margin:0;font-size:1.1rem;font-weight:700}.pl-sidebar-toggle{background:var(--color-bg2);border:1px solid var(--color-border);color:var(--color-text2);cursor:pointer;z-index:60;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:20px;right:-12px}.pl-sidebar.collapsed .pl-sidebar-toggle{right:-12px}.pl-sidebar-toggle:hover{color:var(--color-primary)}.pl-nav-scroll{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:1;justify-content:flex-start;gap:2px;padding:4px;display:flex;overflow-y:auto}.pl-nav-scroll::-webkit-scrollbar{display:none}.pl-sidebar.collapsed .pl-nav-scroll{padding:4px}.pl-nav-group-label{font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;padding:0 8px}.pl-nav-items{flex-direction:column;gap:2px;display:flex}.pl-nav-link{border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;gap:8px;margin-bottom:2px;padding:6px 12px;transition:background .15s,color .15s,transform .15s;animation:.2s cubic-bezier(.16,1,.3,1) both listItemIn;display:flex;position:relative}.pl-sidebar.collapsed .pl-nav-link{justify-content:center;margin:0 4px;padding:8px 0}.pl-nav-link:hover{color:var(--color-text1);transform:translate(4px);background-color:var(--color-bg1)!important}.pl-nav-link.active{color:var(--color-primary-light);background:#1565c01f;box-shadow:inset 0 0 0 1px #ffffff0d}.pl-nav-link.active:before{content:"";background:var(--color-primary-light);width:3px;box-shadow:0 0 10px var(--color-primary-light);border-radius:0 4px 4px 0;position:absolute;top:20%;bottom:20%;left:-4px}.pl-nav-icon{flex-shrink:0}.pl-sidebar:not(.collapsed) .pl-nav-icon{margin-right:12px}.pl-nav-label{font-weight:var(--fw-medium);font-size:var(--fs-sm);white-space:nowrap}.pl-nav-tooltip{background-color:var(--color-text1);color:var(--color-bg2);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:4px;margin-left:12px;padding:6px 10px;font-size:.8rem;transition:opacity .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.pl-sidebar.collapsed .pl-nav-link:hover .pl-nav-tooltip{opacity:1}.pl-nav-back-area{padding:8px 6px}.pl-nav-back-link{opacity:.75;font-style:normal;color:var(--color-text-muted)!important;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1)!important}.pl-nav-back-link:hover{opacity:1;color:var(--color-primary)!important;transform:translate(4px)!important}.pl-sidebar-footer{flex-direction:column;gap:6px;padding:6px 12px;display:flex}.pl-sidebar.collapsed .pl-sidebar-footer{align-items:center;padding:12px 6px}.pl-user-info-brief{flex-direction:column;gap:4px;display:flex}.user-avatar-mini{background:var(--color-primary-dark);color:#fff;text-transform:uppercase;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex}.user-email-mini{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.pl-btn-logout{width:100%;color:var(--color-danger);cursor:pointer;font-size:var(--fs-xs);font-weight:var(--fw-medium);background-color:#ef44440d;border:1px solid #ef444426;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.pl-btn-logout:hover{border-color:var(--color-danger);background-color:#ef444426}.pl-sidebar.collapsed .pl-btn-logout{width:32px;height:32px;padding:0}.pl-sidebar.collapsed .pl-btn-logout .pl-nav-icon{margin-right:0}.pl-main-wrapper{background-color:var(--color-bg1);flex-direction:column;flex:1;min-width:0;display:flex}.pl-topbar{background-color:rgba(var(--color-bg2-rgb,255, 255, 255), .85);-webkit-backdrop-filter:blur(12px);z-index:10;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex;box-shadow:0 4px 24px #00000005}@media (width>=1025px){.pl-topbar.has-back{border-bottom:1px solid var(--color-surface-border);background:var(--color-surface);height:40px;padding:0 12px;display:flex}.pl-topbar.pl-topbar-mobile-only{display:none}}.pl-back-btn{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.pl-back-btn:hover{color:var(--color-primary-light);background:#1565c014}.pl-topbar-excel-btn{border:1px solid var(--color-border);color:var(--color-text2);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:background .15s;display:inline-flex}.pl-topbar-excel-btn:hover{background:var(--color-surface-hover)}.pl-topbar-logout-btn{color:var(--color-danger,#dc2626);cursor:pointer;background:0 0;border:1px solid #dc26264d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:background .15s;display:inline-flex}.pl-topbar-logout-btn:hover{background:#dc262614}@media (width<=1024px){.pl-topbar.has-back{height:40px;display:flex}.pl-topbar.pl-topbar-mobile-only{display:flex}}.pl-topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pl-topbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.pl-project-badge{background:var(--color-surface-hover);border-radius:var(--radius-full);border:1px solid var(--color-surface-border);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:fit-content;padding:6px 12px;font-size:.9rem;font-weight:600;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000005}@media (width<=768px){.pl-project-badge{max-width:200px;padding:4px 10px;font-size:.8rem}}@media (width<=480px){.pl-project-badge{max-width:140px}}.pl-project-badge .status-dot{border-radius:50%;width:8px;height:8px}.pl-project-badge .status-dot.active{background-color:var(--color-success)}.pl-project-badge .status-dot.suspended{background-color:var(--color-warning)}.pl-project-badge .status-dot.completed{background-color:var(--color-text-muted)}.pl-topbar-actions{align-items:center;gap:12px;display:flex}.topbar-info-group{border-right:1px solid var(--color-surface-border);align-items:center;gap:12px;margin-right:4px;padding-right:12px;display:flex}.topbar-weather{color:var(--color-text-main);align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.topbar-time{color:var(--color-text-main);background:var(--color-background-soft);border:1px solid var(--color-surface-border);text-align:center;border-radius:4px;min-width:150px;padding:2px 8px;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:.75rem}.btn-help-preheat{background:var(--color-surface-hover);width:20px;height:20px;color:var(--color-text-muted);border:1px solid var(--color-surface-border);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.btn-help-preheat:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pl-content-area{flex:1;position:relative;overflow-y:auto}.pl-mobile-toggle{display:none}@media (width<=1024px){.pl-sidebar{width:260px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.pl-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000001a;background-color:var(--color-background-base)!important}.pl-sidebar-toggle{display:none}.pl-mobile-toggle{color:var(--color-text1);cursor:pointer;background:0 0;border:none;margin-left:-8px;padding:8px;display:flex}.pl-mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#00000080;display:none;position:fixed;inset:0}.pl-mobile-overlay.active{display:block}}.pl-sidebar-infobar{border-top:1px solid var(--color-surface-border);border-bottom:1px solid var(--color-surface-border);background:var(--color-surface-hover);flex-shrink:0;padding:5px 10px}.pl-sidebar-infobar.collapsed{padding:5px 4px}.pl-infobar-row{flex-wrap:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.pl-infobar-weather{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:3px;font-size:.7rem;font-weight:600;display:flex}.pl-infobar-time{color:var(--color-text-muted);background:var(--color-background-soft);border:1px solid var(--color-surface-border);white-space:nowrap;text-align:center;text-overflow:ellipsis;border-radius:4px;flex:1;min-width:0;padding:2px 5px;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:.65rem;overflow:hidden}.pl-infobar-btn{border:1px solid var(--color-surface-border);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.pl-infobar-btn:hover{background:var(--color-surface-border);color:var(--color-text-main)}.pl-infobar-collapsed{flex-direction:column;align-items:center;gap:4px;display:flex}.pl-infobar-btn-icon{border:1px solid var(--color-surface-border);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pl-infobar-btn-icon:hover{background:var(--color-surface-border);color:var(--color-primary)}.pl-topbar-mobile-only{display:none}@media (width<=1024px){.pl-topbar-mobile-only{display:flex}}.pl-nav-link{margin-bottom:1px!important;padding:5px 10px!important}.pl-nav-scroll{gap:1px!important}.pl-nav-row-with-tools{align-items:center;gap:0;display:flex}.pl-nav-row-tools{flex-shrink:0;align-items:center;gap:3px;padding:0 6px 0 4px;display:flex}.pl-tool-weather{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:2px;padding:0 2px;font-size:.65rem;font-weight:600;display:flex}.pl-tool-btn{border:1px solid var(--color-surface-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.pl-tool-btn:hover{background:var(--color-surface-border);color:var(--color-text-main)}.pl-tool-btn-icon{border:1px solid var(--color-surface-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.pl-tool-btn-icon:hover{background:var(--color-surface-border);color:var(--color-primary)}.pl-sidebar-time-row{border-top:1px solid var(--color-surface-border);flex-shrink:0;padding:7px 12px}.pl-sidebar-time-row.collapsed{text-align:center;padding:4px 6px}.pl-digi-clock{border:1px solid var(--color-surface-border);white-space:nowrap;background:0 0;border-radius:7px;justify-content:center;align-items:baseline;gap:0;padding:4px 10px;display:flex}.pl-digi-date{color:var(--color-text-muted);letter-spacing:.03em;font-family:JetBrains Mono,Roboto Mono,Consolas,monospace;font-size:.85rem;font-weight:500}.pl-digi-sep{width:8px;display:inline-block}.pl-digi-time{color:var(--color-text-main);letter-spacing:.05em;font-family:JetBrains Mono,Roboto Mono,Consolas,monospace;font-size:.85rem;font-weight:700}.pl-digi-clock-mini{border:1px solid var(--color-surface-border);border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:4px 3px;display:flex}.pl-digi-clock-mini span{color:var(--color-text-main);letter-spacing:.02em;white-space:nowrap;font-family:JetBrains Mono,Roboto Mono,Consolas,monospace;font-size:.55rem;font-weight:600}.pl-sidebar-time-icon{cursor:default;font-size:.9rem}.pl-nav-row-with-tools .pl-nav-link.active{background:0 0!important}.pl-nav-link.active{background:#1565c00f!important}.project-layout-container.sidebar-right{flex-direction:row-reverse}.project-layout-container.sidebar-right .pl-sidebar{border-right:none;border-left:1px solid var(--color-surface-border)}@media (width<=768px){.pl-topbar{height:44px;padding:0 10px}.pl-project-badge{max-width:160px;padding:3px 8px;font-size:.75rem}.topbar-info-group{display:none}.pl-back-btn{padding:3px 7px;font-size:.72rem}}@media (width<=480px){.pl-topbar{padding:0 8px}.pl-project-badge{max-width:120px;padding:3px 6px;font-size:.7rem}}.pl-nav-back-link{color:var(--color-text-muted);border-bottom:1px solid var(--color-surface-border);align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex;position:relative}.pl-nav-back-link:hover{color:var(--color-primary)}.pl-project-name-header{border-bottom:1px solid var(--color-surface-border);padding:8px 12px 6px}.pl-project-name-text{color:var(--color-text1);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;line-height:1.4;display:block;overflow:hidden}.pl-nav-row3{grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 6px;display:grid}.pl-nav-row3-collapsed{flex-direction:column;gap:2px;padding:4px 6px;display:flex}.pl-nav-row3-item{color:var(--color-text-muted);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.63rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.pl-nav-row3-item:hover{background:var(--color-surface-hover);color:var(--color-text1)}.pl-nav-row3-item.active{color:var(--color-primary);background:#2563eb14;border-color:#2563eb33;font-weight:700}.pl-nav-row3-collapsed .pl-nav-row3-item{flex-direction:row;justify-content:center;padding:8px;font-size:0}.pl-nav-divider{background:var(--color-surface-border);flex-shrink:0;height:1px;margin:2px 8px}.pl-nav-cards{flex-direction:column;gap:5px;padding:5px 8px;display:flex}.pl-nav-card{border:1px solid var(--color-surface-border);background:var(--color-surface-hover);color:var(--color-text1);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex;position:relative}.pl-nav-card:hover{color:var(--color-primary);background:#2563eb12;border-color:#2563eb4d}.pl-nav-card.active{border-color:var(--color-primary);color:var(--color-primary);background:#2563eb1a}.pl-sidebar.collapsed .pl-nav-cards .pl-nav-card{justify-content:center;padding:10px}@media print{.pl-sidebar,.pl-topbar,.pl-topbar-mobile-only,.pl-mobile-overlay,.pl-mobile-toggle{display:none!important}}