:root{--accent:#4a90d9;--accent-hover:#3a7bc8;--success:#4ade80;--warning:#fbbf24;--error:#ef4444;--bg-dark:#0a0a0a;--bg-card:#141414;--bg-hover:#1a1a1a;--border:#2a2a2a;--text:#fff;--text-muted:#888}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;line-height:1.6;position:relative}body:before{background-image:url(/mymanus.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-2}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%}body:after{background:rgba(0,0,0,.55);z-index:-1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.main-nav{background:var(--bg-card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between;height:60px}.nav-container,.nav-left{display:flex;align-items:center}.nav-left{gap:30px}.nav-logo{font-size:20px;font-weight:700;color:var(--accent)!important}.nav-links{display:flex;gap:8px}.nav-link{color:var(--text-muted)!important;padding:8px 12px;border-radius:4px;font-size:14px;transition:all .2s}.nav-link.active,.nav-link:hover{color:var(--text)!important;background:var(--bg-hover);text-decoration:none}.nav-right{display:flex;align-items:center;gap:12px}.auth-badge{font-size:12px;padding:4px 10px;border-radius:4px}.auth-badge.authenticated{background:#1f4d2f;color:var(--success)}.auth-badge.not-authenticated{background:#3d1f1f;color:var(--error)}.nav-btn{padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;border:none;transition:all .2s}.nav-btn.primary{background:var(--accent);color:#fff}.nav-btn.primary:hover{background:var(--accent-hover);text-decoration:none}.nav-btn.outline{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.nav-btn.outline:hover{border-color:var(--text-muted);color:var(--text)}.page-container{max-width:1200px;margin:0 auto;padding:30px 20px}.page-header{margin-bottom:30px}.page-header h1{font-size:32px;color:var(--accent);margin-bottom:8px}.page-header p{color:var(--text-muted)}.hero-section{text-align:center;padding:40px 20px;margin-bottom:30px;background:linear-gradient(135deg,#141414,#1a1a2e);border-radius:12px;border:1px solid var(--border)}.hero-section h1{font-size:48px;color:var(--accent);margin-bottom:10px}.hero-subtitle{font-size:18px;color:var(--text-muted);margin-bottom:20px}.hero-description{max-width:600px;margin:0 auto;text-align:left}.hero-description ul{list-style:none;margin-top:10px}.hero-description li{padding:6px 0;color:var(--text-muted)}.hero-description strong{color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:20px}.card h2{font-size:18px;color:var(--accent);margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h2{margin-bottom:0}.link-more{font-size:14px;color:var(--text-muted)!important}.link-more:hover{color:var(--accent)!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.dashboard-grid.two-columns{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.dashboard-grid.two-columns{grid-template-columns:1fr}}.status-grid{display:flex;flex-wrap:wrap;gap:12px}.status-item{display:flex;align-items:center;gap:8px}.status-label{font-size:14px;color:var(--text-muted)}.status-badge{font-size:12px;padding:4px 10px;border-radius:4px;font-weight:600}.status-badge.ok{background:#1f4d2f;color:var(--success)}.status-badge.error{background:#3d1f1f;color:var(--error)}.actions-grid{display:flex;flex-wrap:wrap;gap:12px}.action-btn{padding:12px 20px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;border:none;transition:all .2s;text-decoration:none!important}.action-btn.primary{background:var(--accent);color:#fff}.action-btn.primary:hover{background:var(--accent-hover)}.action-btn.secondary{background:#1f4d2f;color:var(--success)}.action-btn.secondary:hover{background:#2a6b3f}.action-btn.secondary:disabled{background:#1a1a1a;color:var(--text-muted);cursor:not-allowed}.action-btn.outline{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.action-btn.outline:hover{border-color:var(--text-muted);color:var(--text)}.message{padding:12px 16px;border-radius:6px;margin-top:12px;font-size:14px}.message.success{background:#1f4d2f;color:var(--success)}.message.error{background:#3d1f1f;color:var(--error)}.message.warning{background:#3d2f1f;color:var(--warning)}.message a{color:inherit;text-decoration:underline}.artifact-list,.task-list{display:flex;flex-direction:column;gap:8px}.artifact-item,.task-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-hover);border-radius:6px;transition:all .2s}.artifact-item:hover,.task-item:hover{background:#222;text-decoration:none}.artifact-info,.task-info{display:flex;align-items:center;gap:10px}.artifact-name,.task-type{font-weight:500;color:var(--text)}.artifact-type,.task-id{font-size:12px;color:var(--text-muted)}.task-status{font-size:12px;font-weight:600}.artifact-task{font-size:12px;color:var(--text-muted)}.empty-state{text-align:center;padding:30px;color:var(--text-muted)}.empty-state p{margin-bottom:15px}.btn-small{padding:8px 16px;font-size:13px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-small:disabled{background:#333;color:var(--text-muted);cursor:not-allowed}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-item{height:48px;background:linear-gradient(90deg,var(--bg-hover) 25%,#222 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:6px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.project-card{background:var(--bg-hover);padding:16px;border-radius:6px;transition:all .2s}.project-card:hover{background:#222;text-decoration:none;transform:translateY(-2px)}.project-card h3{color:var(--accent);font-size:14px;margin-bottom:4px}.project-card p{font-size:12px;color:var(--text-muted)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;gap:20px}.agent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px}.agent-header{display:flex;gap:16px;margin-bottom:20px}.agent-icon{font-size:40px}.agent-header h2{font-size:20px;color:var(--accent);margin-bottom:4px}.agent-desc{color:var(--text-muted);font-size:14px}.agent-capabilities h4,.agent-templates h4{font-size:13px;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.agent-capabilities ul{list-style:none;margin-bottom:20px}.agent-capabilities li{padding:4px 0;font-size:14px;color:var(--text)}.agent-capabilities li:before{content:"•";color:var(--accent);margin-right:8px}.template-btn{width:100%;padding:12px 16px;margin-bottom:8px;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;cursor:pointer;text-align:left;transition:all .2s}.template-btn:hover{background:#222;border-color:var(--accent)}.template-btn:disabled{opacity:.5;cursor:not-allowed}.template-name{display:block;color:var(--text);font-weight:500;margin-bottom:2px}.template-desc{display:block;font-size:12px;color:var(--text-muted)}.projects-list{display:flex;flex-direction:column;gap:20px}.project-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px}.project-header{display:flex;justify-content:space-between;align-items:center;padding-left:16px;border-left:4px solid var(--accent);margin-bottom:16px}.project-header h2{font-size:24px;color:var(--accent);margin-bottom:2px}.project-fullname{color:var(--text-muted);font-size:14px}.project-link{padding:10px 20px;color:#fff!important;border-radius:6px;font-size:14px;font-weight:500}.project-link:hover{text-decoration:none;opacity:.9}.project-description{color:var(--text);margin-bottom:16px}.project-tasks h4{font-size:13px;color:var(--text-muted);margin-bottom:8px}.project-tasks ul{list-style:none}.project-tasks li{padding:6px 0;color:var(--text);font-size:14px}.project-tasks li:before{content:"→";color:var(--accent);margin-right:8px}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;gap:20px}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px}.about-card h2{color:var(--accent);font-size:20px;margin-bottom:16px}.about-card p{color:var(--text);margin-bottom:12px;font-size:14px;line-height:1.7}.architecture-list{display:flex;flex-direction:column;gap:12px}.arch-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.arch-item strong{color:var(--accent)}.arch-item span{color:var(--text-muted);font-size:13px}.security-list{list-style:none}.security-list li{padding:12px 0;border-bottom:1px solid var(--border)}.security-list strong{color:var(--text);display:block;margin-bottom:4px}.security-list p{color:var(--text-muted);font-size:13px;margin:0}.code-block{background:#1a1a1a;padding:12px 16px;border-radius:6px;margin:12px 0;overflow-x:auto}.code-block code{color:var(--success);font-family:monospace;font-size:13px}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.link-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-hover);border-radius:6px;transition:all .2s}.link-item:hover{background:#222;text-decoration:none}.link-icon{font-size:20px}table{width:100%;border-collapse:collapse}td,th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}td{color:var(--text)}tr:hover{background:var(--bg-hover)}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-input,.filter-select{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px}.filter-input{min-width:200px}.filter-input::placeholder{color:var(--text-muted)}.task-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.task-detail-title h1{font-size:28px;color:var(--text);margin-bottom:8px}.task-meta{display:flex;gap:16px;flex-wrap:wrap}.task-meta-item{font-size:14px;color:var(--text-muted)}.task-meta-item strong{color:var(--text)}.task-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border)}.task-tab{padding:12px 20px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.task-tab:hover{color:var(--text)}.task-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.task-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px}.detail-grid{display:grid;grid-gap:16px;gap:16px}.detail-row{display:grid;grid-template-columns:150px 1fr;grid-gap:16px;gap:16px}.detail-label{color:var(--text-muted);font-size:14px}.detail-value{color:var(--text);font-size:14px}pre{background:#1a1a1a;padding:16px;border-radius:6px;overflow-x:auto;font-size:13px;color:var(--text)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:hsla(0,0%,8%,.95);border:1px solid var(--border);border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:var(--accent);font-size:32px;margin-bottom:8px}.login-header p{color:var(--text-muted);font-size:16px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text);font-size:14px;font-weight:500}.form-group input{padding:12px 16px;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder{color:var(--text-muted)}.login-button{padding:14px 24px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:10px}.login-button:hover{background:var(--accent-hover)}.login-button:disabled{background:#333;color:var(--text-muted);cursor:not-allowed}.login-error{background:#3d1f1f;border:1px solid var(--error);color:var(--error);padding:12px 16px;border-radius:6px;font-size:14px}.change-password-notice{background:#3d2f1f;border:1px solid var(--warning);color:var(--warning);padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:20px;line-height:1.5}.auth-container{width:100%}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:var(--accent);font-size:32px;margin-bottom:8px}.auth-header p{color:var(--text-muted);font-size:16px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-button{padding:14px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.auth-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,217,.3)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{background:#333;color:var(--text-muted);cursor:not-allowed;opacity:.6}.auth-error{background:#3d1f1f;border:1px solid var(--error);color:var(--error);padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:rgba(15,15,25,.98);border:1px solid rgba(74,144,217,.3);border-radius:16px;padding:48px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.6);font-size:24px;line-height:1;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.2)}.prj-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.prj-summary-card{background:rgba(45,45,45,.6);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px;text-align:center}.prj-summary-number{font-size:32px;font-weight:700;color:#4a90d9;line-height:1}.prj-summary-label{font-size:13px;color:var(--text-muted);margin-top:6px}.prj-tabs{display:flex;gap:4px;margin-bottom:24px;background:rgba(45,45,45,.4);border-radius:10px;padding:4px;width:-moz-fit-content;width:fit-content}.prj-tab{padding:10px 24px;border:none;background:transparent;color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.prj-tab.active{background:rgba(74,144,217,.2);color:#4a90d9}.prj-tab:hover:not(.active){color:var(--text-primary)}.prj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.prj-card{background:rgba(45,45,45,.6);border:1px solid hsla(0,0%,100%,.06);border-top:3px solid #888;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.prj-card:hover{border-color:hsla(0,0%,100%,.12);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.prj-card.selected{border-color:rgba(74,144,217,.4);background:rgba(74,144,217,.06)}.prj-card-top{display:flex;justify-content:space-between;align-items:center}.prj-icon{font-size:28px}.prj-icon-sm{font-size:18px}.prj-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.prj-card-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.prj-card-full{font-size:13px;color:var(--text-muted);margin:0}.prj-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0;flex-grow:1}.prj-card-tech{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.prj-card-tech-badge{font-size:11px;padding:3px 8px;background:rgba(74,144,217,.12);color:#7ab8f5;border-radius:4px;font-weight:500}.prj-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.06)}.prj-card-server{font-size:12px;color:var(--text-muted)}.prj-card-url{font-size:12px;color:#4a90d9;text-decoration:none;font-weight:500}.prj-card-url:hover{text-decoration:underline}.prj-detail-panel{background:rgba(45,45,45,.6);border:1px solid hsla(0,0%,100%,.08);border-left:4px solid #4a90d9;border-radius:12px;padding:24px;margin-bottom:24px;animation:slideUp .2s ease-out}.prj-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.prj-detail-header h2{font-size:22px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.prj-detail-desc{color:var(--text-secondary);font-size:14px;margin-top:4px}.prj-detail-close{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.5);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;flex-shrink:0}.prj-detail-close:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.prj-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.prj-detail-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.prj-tech-list{display:flex;flex-direction:column;gap:8px}.prj-tech-item{display:flex;justify-content:space-between;align-items:center;gap:8px}.prj-tech-label{font-size:13px;color:var(--text-muted)}.prj-tech-value{font-size:13px;color:var(--text-primary);font-weight:500}.prj-status-badge{font-size:12px;padding:3px 10px;border-radius:12px;color:#fff;font-weight:500}.prj-links{display:flex;gap:8px;flex-wrap:wrap}.prj-link-btn{padding:8px 16px;background:#4a90d9;color:#fff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s}.prj-link-btn:hover{background:#3a7bc8}.prj-link-btn.outline{background:transparent;border:1px solid rgba(74,144,217,.4);color:#4a90d9}.prj-link-btn.outline:hover{background:rgba(74,144,217,.1)}.prj-features{display:flex;flex-wrap:wrap;gap:6px}.prj-feature-tag{font-size:11px;padding:4px 10px;background:rgba(139,92,246,.12);color:#c4b5fd;border-radius:6px}.prj-related{display:flex;gap:8px;flex-wrap:wrap}.prj-related-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(45,45,45,.8);border:1px solid #888;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;transition:all .2s}.prj-related-btn:hover{background:rgba(74,144,217,.1)}.prj-servers{display:flex;flex-direction:column;gap:16px}.prj-server-card{background:rgba(45,45,45,.6);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px}.prj-server-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.prj-server-header h3{font-size:18px;color:var(--text-primary);margin:0 0 4px}.prj-server-host{font-size:14px;color:#4a90d9;background:rgba(74,144,217,.1);padding:2px 8px;border-radius:4px}.prj-server-ssh{font-size:13px;color:var(--text-muted);background:hsla(0,0%,100%,.04);padding:4px 10px;border-radius:6px;white-space:nowrap}.prj-server-desc{font-size:14px;color:var(--text-secondary);margin:0 0 12px}.prj-server-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.prj-tag{font-size:11px;padding:3px 10px;border-radius:12px;color:#fff;font-weight:500}.prj-server-services{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.prj-service-badge{font-size:12px;padding:4px 10px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:var(--text-secondary);font-family:monospace}.prj-server-projects{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.06)}.prj-server-projects h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.prj-server-project-list{display:flex;flex-direction:column;gap:8px}.prj-server-project-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-left:3px solid #888;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;color:var(--text-primary)}.prj-server-project-btn:hover{background:rgba(74,144,217,.06);border-color:rgba(74,144,217,.2)}.prj-server-project-btn div{flex-grow:1;display:flex;flex-direction:column}.prj-server-project-btn strong{font-size:14px;color:var(--text-primary)}.prj-server-project-btn span:not(.prj-icon-sm):not(.prj-status-dot){font-size:12px;color:var(--text-muted)}.prj-flags{display:flex;flex-direction:column;gap:6px}.prj-flag{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;font-size:13px;background:hsla(0,0%,100%,.02)}.prj-flag.on{border-left:3px solid #22c55e}.prj-flag.off{border-left:3px solid #ef4444}.prj-flag-indicator{font-size:11px;font-weight:700;font-family:monospace;min-width:30px;text-align:center;padding:2px 6px;border-radius:4px}.prj-flag.on .prj-flag-indicator{background:rgba(34,197,94,.15);color:#22c55e}.prj-flag.off .prj-flag-indicator{background:rgba(239,68,68,.15);color:#ef4444}.prj-flag-name{font-family:monospace;font-size:12px;color:var(--text-secondary)}.prj-checklist{display:flex;flex-direction:column;gap:4px}.prj-check-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:13px;color:var(--text-secondary)}.prj-check-item.done{color:var(--text-muted);text-decoration:line-through}.prj-check-box{font-size:14px;flex-shrink:0}.prj-check-summary{margin-top:8px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.06);font-size:12px;color:var(--text-muted);text-align:right}.prj-ssh-info{background:rgba(74,144,217,.06);border:1px solid rgba(74,144,217,.15);border-radius:10px;padding:14px 18px;margin-bottom:16px}.prj-ssh-info h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#4a90d9;margin:0 0 8px}.prj-ssh-details{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.prj-ssh-details code{background:hsla(0,0%,100%,.04);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--text-primary)}.prj-server-access{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px;background:hsla(0,0%,100%,.02);border-radius:8px;border:1px solid hsla(0,0%,100%,.04)}.prj-access-row{display:flex;align-items:center;gap:8px;font-size:13px}.prj-access-label{color:var(--text-muted);min-width:100px;font-size:12px}.prj-access-row code{background:hsla(0,0%,100%,.04);padding:2px 8px;border-radius:4px;font-size:12px;color:var(--text-primary)}.prj-access-alt{color:var(--text-muted)!important;font-size:11px!important}.prj-access-key{font-size:11px!important;color:var(--text-secondary)!important;word-break:break-all}.prj-server-commands{margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.06)}.prj-server-commands h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.prj-commands-list{display:flex;flex-direction:column;gap:4px}.prj-command{display:block;font-size:12px;padding:6px 10px;background:rgba(0,0,0,.3);border-radius:6px;color:#a5d6a7;font-family:monospace;word-break:break-all;line-height:1.4}@media (max-width:768px){.prj-summary{grid-template-columns:repeat(2,1fr)}.prj-detail-grid,.prj-grid{grid-template-columns:1fr}.prj-server-header{flex-direction:column;gap:8px}.prj-ssh-details{flex-direction:column;gap:6px}.prj-access-row{flex-wrap:wrap}}