*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--white: #ffffff;--white-dim: rgba(255, 255, 255, .6);--white-muted: rgba(255, 255, 255, .4);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-hover: rgba(255, 255, 255, .12);--accent: #60a5fa;--font-main: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%;display:flex;flex-direction:column}.header{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:8px;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:50px;box-shadow:inset 0 1px 1px #ffffff1a,0 4px 30px #0000004d}.nav-links{display:flex;gap:4px}.nav-link{padding:10px 20px;font-size:14px;font-weight:500;color:var(--white-dim);text-decoration:none;border-radius:40px;transition:all .2s ease;cursor:pointer}.nav-link:hover{color:var(--white);background:var(--glass-hover)}.nav-divider{width:1px;height:24px;background:var(--glass-border);margin:0 4px}.nav-buttons{display:flex;gap:8px}.btn{padding:10px 20px;font-size:14px;font-weight:500;font-family:var(--font-main);border-radius:40px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-ghost{background:transparent;border:none;color:var(--white-dim)}.btn-ghost:hover{color:var(--white);background:var(--glass-hover)}.btn-primary{background:var(--white);border:none;color:var(--black)}.btn-primary:hover{background:#ffffffe6;transform:scale(1.02)}.user-button-container{display:flex;align-items:center;justify-content:center}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:0 5%;gap:120px}.hero-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right}.logo{font-size:72px;font-weight:500;letter-spacing:-.02em;margin-bottom:16px;color:var(--white)}.tagline{font-size:20px;font-weight:400;color:var(--white-dim);line-height:1.5;max-width:400px}.hero-right{display:flex;align-items:center;justify-content:center}.actuator-container{position:relative;width:300px;height:300px}.stator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.stator-ticks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px}.stator-tick{position:absolute;width:1px;height:12px;background:#ffffff4d;top:0;left:50%;transform-origin:50% 140px}.rotor{position:absolute;top:50%;left:50%;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%)}.rotor-spoke{position:absolute;top:50%;left:50%;width:1px;height:70px;background:linear-gradient(to top,transparent,rgba(255,255,255,.4));transform-origin:50% 0%}.shaft{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ffffff80}.rotor-indicator{position:absolute;top:50%;left:50%;width:2px;height:75px;background:linear-gradient(to top,transparent 0%,var(--white) 100%);transform-origin:50% 0%;transform:rotate(0)}@media (max-width: 900px){.main{gap:60px}.logo{font-size:56px}.tagline{font-size:18px}.actuator-container{width:250px;height:250px}.stator,.stator-ticks{width:230px;height:230px}.stator-tick{height:10px;transform-origin:50% 115px}.rotor{width:130px;height:130px}.rotor-spoke{height:55px}.rotor-indicator{height:60px}}@media (max-width: 768px){html,body{overflow-x:hidden;overflow-y:auto}.header{top:12px;padding:6px 12px;gap:6px}.nav-links{gap:2px}.nav-link{padding:8px 12px;font-size:13px}.nav-divider{margin:0 2px}.nav-buttons{gap:4px}.btn{padding:8px 14px;font-size:13px}.main{flex-direction:column;justify-content:center;gap:48px;padding:100px 24px 40px;min-height:100vh}.hero-left{align-items:center;text-align:center;order:1}.logo{font-size:48px;margin-bottom:12px}.tagline{font-size:16px;max-width:300px}.hero-right{order:0}.actuator-container{width:200px;height:200px}.stator,.stator-ticks{width:180px;height:180px}.stator-tick{height:8px;transform-origin:50% 90px}.rotor{width:100px;height:100px}.rotor-spoke{height:42px}.rotor-indicator{height:48px}.shaft{width:6px;height:6px}}@media (max-width: 380px){.logo{font-size:40px}.tagline{font-size:14px}.actuator-container{width:160px;height:160px}.stator,.stator-ticks{width:150px;height:150px}.stator-tick{height:6px;transform-origin:50% 75px}.rotor{width:80px;height:80px}.rotor-spoke{height:32px}.rotor-indicator{height:38px}}.platform-layout{display:flex;min-height:100vh;background:var(--black)}.sidebar{width:240px;background:var(--black);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .25s ease}.sidebar.collapsed{transform:translate(-100%)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 16px 24px}.sidebar-logo{font-size:24px;font-weight:500;color:var(--white);text-decoration:none;letter-spacing:-.02em}.sidebar-logo:hover{opacity:.8}.sidebar-toggle{width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--white-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s ease}.sidebar-toggle:hover{background:#ffffff0d;color:var(--white)}.sidebar-open-btn{position:fixed;top:20px;left:16px;width:36px;height:36px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--white);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:18px;z-index:99;transition:all .15s ease}.sidebar-open-btn:hover{background:#ffffff26}.sidebar-open-btn.visible{display:flex}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:all .25s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-nav{flex:1;padding:0 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{font-size:11px;font-weight:600;color:var(--white-muted);letter-spacing:.05em;padding:8px 12px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--white-dim);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s ease}.nav-item:hover{background:#ffffff0d;color:var(--white)}.nav-item.active{background:#ffffff1a;color:var(--white)}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-item.disabled:hover{background:transparent;color:var(--white-dim)}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-label{flex:1}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.platform-user-button{display:flex;align-items:center;justify-content:flex-start}.platform-signin-btn{width:100%;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--white);font-family:var(--font-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.platform-signin-btn:hover{background:#ffffff26;border-color:#ffffff4d}.platform-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .25s ease}.sidebar.collapsed~.platform-main{margin-left:0}.sidebar.collapsed~.platform-main .platform-header{padding-left:68px}.platform-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.platform-title{font-size:24px;font-weight:500;color:var(--white);margin:0}.platform-content{flex:1;padding:32px}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.placeholder-text{font-size:20px;font-weight:500;color:var(--white);margin-bottom:8px}.placeholder-subtext{font-size:14px;color:var(--white-muted)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-open-btn{display:flex}.platform-main{margin-left:0}.platform-header{padding:20px 20px 20px 68px}.platform-title{font-size:20px}.platform-content{padding:20px}}.settings-container{max-width:800px}.settings-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.section-header{margin-bottom:24px}.section-title{font-size:18px;font-weight:500;color:var(--white);margin:0 0 8px}.section-description{font-size:14px;color:var(--white-muted);margin:0;line-height:1.5}.new-token-display{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:16px;margin-bottom:24px}.new-token-warning{display:flex;align-items:center;gap:8px;color:#22c55e;font-size:14px;font-weight:500;margin-bottom:12px}.warning-icon{width:20px;height:20px;background:#22c55e;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.new-token-value-container{display:flex;gap:8px;margin-bottom:12px}.new-token-value{flex:1;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:monospace;font-size:12px;color:var(--white);word-break:break-all}.copy-btn{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--white);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.copy-btn:hover{background:#ffffff26}.dismiss-btn{padding:8px 16px;background:transparent;border:1px solid rgba(34,197,94,.5);border-radius:6px;color:#22c55e;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.dismiss-btn:hover{background:#22c55e1a}.create-token-form{display:flex;gap:12px;margin-bottom:24px}.token-name-input{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--white);font-family:var(--font-main);font-size:14px;transition:all .15s ease}.token-name-input::placeholder{color:var(--white-muted)}.token-name-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.create-token-btn{padding:10px 20px;background:var(--white);border:none;border-radius:8px;color:var(--black);font-family:var(--font-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.create-token-btn:hover{opacity:.9}.create-token-btn:disabled{opacity:.5;cursor:not-allowed}.tokens-list{display:flex;flex-direction:column;gap:1px;background:#ffffff0d;border-radius:8px;overflow:hidden}.tokens-loading,.tokens-empty,.tokens-error{padding:32px;text-align:center;color:var(--white-muted);font-size:14px}.tokens-empty-hint{margin-top:4px;font-size:13px;opacity:.7}.tokens-error{color:#ef4444}.token-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--black);gap:16px}.token-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.token-info{flex:1;min-width:0}.token-name{font-size:14px;font-weight:500;color:var(--white);margin-bottom:4px}.token-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--white-muted)}.token-prefix{font-family:monospace;padding:2px 6px;background:#ffffff14;border-radius:4px}.token-separator{opacity:.5}.token-revoke-btn{padding:6px 12px;background:transparent;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#ef4444;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.token-revoke-btn:hover{background:#ef44441a;border-color:#ef444499}.token-revoke-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.settings-section{padding:16px}.create-token-form{flex-direction:column}.create-token-btn{width:100%}.token-row{flex-direction:column;align-items:flex-start;gap:12px}.token-revoke-btn{align-self:flex-end}.new-token-value-container{flex-direction:column}}.projects-container{display:flex;flex-direction:column;gap:24px}.projects-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.projects-filters{display:flex;flex-direction:column;gap:12px;flex:1;min-width:200px}.filter-row{display:flex;gap:12px;align-items:center}.tag-filter-container{position:relative;flex:1;max-width:300px}.sort-select{padding:10px 36px 10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--white);font-family:var(--font-main);font-size:14px;cursor:pointer;transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sort-select:hover{border-color:#ffffff40;background-color:#ffffff14}.sort-select:focus{outline:none;border-color:#ffffff4d}.sort-select option{background:#1a1a1a;color:var(--white)}.tag-filter-input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--white);font-family:var(--font-main);font-size:14px;transition:all .15s ease}.tag-filter-input::placeholder{color:var(--white-muted)}.tag-filter-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.tag-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1e1e1efa;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;z-index:50;display:none}.tag-suggestion{padding:10px 14px;color:var(--white-dim);cursor:pointer;transition:background .1s ease}.tag-suggestion:hover{background:#ffffff1a;color:var(--white)}.active-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff1a;border-radius:6px;font-size:13px;color:var(--white)}.filter-tag-remove{background:none;border:none;color:var(--white-muted);cursor:pointer;padding:0;font-size:16px;line-height:1;transition:color .15s ease}.filter-tag-remove:hover{color:var(--white)}.new-project-btn{padding:10px 20px;background:var(--white);border:none;border-radius:8px;color:var(--black);font-family:var(--font-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.new-project-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.project-card-wrapper{position:relative}.project-card{display:flex;flex-direction:column;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease}.project-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.project-delete-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--white-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease;z-index:10}.project-card-wrapper:hover .project-delete-btn{opacity:1}.project-delete-btn:hover{background:#ff646433;border-color:#ff646466;color:#ff6b6b}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;padding-right:32px}.project-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.project-card-name{font-size:16px;font-weight:500;color:var(--white);margin:0;line-height:1.3}.project-public-badge{padding:3px 8px;background:#ffffff1a;border-radius:4px;font-size:11px;font-weight:500;color:var(--white-dim);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.project-card-description{font-size:14px;color:var(--white-muted);margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-tag{padding:4px 8px;background:#ffffff14;border-radius:4px;font-size:12px;color:var(--white-dim)}.project-tag-more{padding:4px 8px;background:transparent;border-radius:4px;font-size:12px;color:var(--white-muted)}.project-card-date{font-size:12px;color:var(--white-muted)}.projects-loading,.projects-error{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--white-muted);font-size:14px}.projects-error{color:#ff6b6b}.projects-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.projects-empty-icon{font-size:48px;color:var(--white-muted);margin-bottom:16px;opacity:.5}.projects-empty-title{font-size:20px;font-weight:500;color:var(--white);margin:0 0 8px}.projects-empty-text{font-size:14px;color:var(--white-muted);margin:0 0 24px;max-width:400px}.projects-no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--white-muted)}.projects-no-results p{margin:0 0 16px}.pagination{display:flex;justify-content:center;gap:8px;padding:20px 0}.pagination-btn{min-width:36px;height:36px;padding:0 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--white-dim);font-family:var(--font-main);font-size:14px;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(.disabled){background:#ffffff1a;border-color:#fff3;color:var(--white)}.pagination-btn.active{background:var(--white);border-color:var(--white);color:var(--black)}.pagination-btn.disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-content{width:100%;max-width:500px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:18px;font-weight:500;color:var(--white);margin:0}.modal-close{width:32px;height:32px;background:transparent;border:none;color:var(--white-muted);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.modal-close:hover{background:#ffffff1a;color:var(--white)}.modal-form{padding:24px}.form-error{padding:12px 14px;background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff6b6b;font-size:14px;margin-bottom:16px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--white);margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--white);font-family:var(--font-main);font-size:14px;transition:all .15s ease;box-sizing:border-box}.form-textarea{resize:vertical;min-height:80px}.form-input::placeholder,.form-textarea::placeholder{color:var(--white-muted)}.form-input:focus,.form-textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.form-hint{margin:6px 0 0;font-size:12px;color:var(--white-muted)}.form-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--white-dim)}.form-checkbox{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-primary{padding:10px 20px;background:var(--white);border:none;border-radius:8px;color:var(--black);font-family:var(--font-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-primary:hover{background:#ffffffe6}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--white-dim);font-family:var(--font-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--white)}@media (max-width: 768px){.projects-toolbar{flex-direction:column;align-items:stretch}.projects-filters{min-width:100%}.filter-row{flex-direction:column;align-items:stretch}.tag-filter-container{max-width:100%}.sort-select{width:100%}.new-project-btn{width:100%;text-align:center}.projects-grid{grid-template-columns:1fr}.modal-content{max-height:90vh;overflow-y:auto}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;text-align:center}}@media (max-width: 480px){.project-card{padding:16px}.project-card-name{font-size:15px}.pagination-btn{min-width:32px;height:32px;padding:0 8px;font-size:13px}.project-delete-btn{opacity:.6}}.project-detail-container{display:flex;flex-direction:column;gap:24px}.project-detail-loading,.project-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--white-muted)}.project-detail-error p{margin:0;font-size:16px;color:#ff6b6b}.project-detail-header{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.project-detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--white-muted);text-decoration:none;font-size:14px;transition:color .15s ease}.back-link:hover{color:var(--white)}.project-detail-actions{display:flex;gap:8px}.btn-icon{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--white-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-icon:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--white)}.btn-icon-danger:hover{background:#ff646426;border-color:#ff646466;color:#ff6b6b}.project-detail-name{font-size:28px;font-weight:600;color:var(--white);margin:0;line-height:1.2}.project-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.project-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-tag{padding:4px 10px;background:#ffffff14;border-radius:4px;font-size:13px;color:var(--white-dim)}.detail-no-tags{font-size:13px;color:var(--white-muted);font-style:italic}.detail-public-badge{padding:4px 10px;background:#64c86426;border:1px solid rgba(100,200,100,.3);border-radius:4px;font-size:12px;font-weight:500;color:#8fd88f;text-transform:uppercase;letter-spacing:.03em}.project-detail-dates{font-size:13px;color:var(--white-muted);display:flex;align-items:center;gap:8px}.date-separator{opacity:.5}.project-tabs-container{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.project-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.project-tab{flex:1;padding:14px 20px;background:transparent;border:none;font-family:var(--font-main);font-size:14px;font-weight:500;color:var(--white-muted);cursor:pointer;transition:all .15s ease;position:relative}.project-tab:hover{color:var(--white-dim);background:#ffffff08}.project-tab.active{color:var(--white);background:#ffffff0d}.project-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--white)}.project-tab-content{padding:20px;min-height:120px}.tab-content-text{font-size:14px;color:var(--white-dim);line-height:1.6;white-space:pre-wrap}.tab-content-code{font-family:var(--font-mono, "Roboto Mono", monospace);font-size:13px;color:var(--white-dim);line-height:1.5;background:#0000004d;padding:16px;border-radius:8px;overflow-x:auto;margin:0;white-space:pre-wrap}.tab-content-empty{font-size:14px;color:var(--white-muted);font-style:italic}.project-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.section-title{font-size:16px;font-weight:500;color:var(--white);margin:0}.btn-small{padding:6px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-family:var(--font-main);font-size:13px;color:var(--white-dim);cursor:pointer;transition:all .15s ease}.btn-small:hover{background:#ffffff1f;border-color:#ffffff40;color:var(--white)}.experiment-tree-placeholder,.eval-showcase-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.placeholder-icon{font-size:32px;margin-bottom:12px;opacity:.6}.placeholder-text{font-size:14px;color:var(--white-dim);margin:0 0 4px}.placeholder-hint{font-size:13px;color:var(--white-muted);margin:0}.modal-content-large{max-width:600px}.form-textarea-code{font-family:var(--font-mono, "Roboto Mono", monospace);font-size:13px;min-height:150px}@media (max-width: 768px){.project-detail-name{font-size:22px}.project-sections{grid-template-columns:1fr}.project-tab{padding:12px 16px;font-size:13px}.project-tab-content{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-small{width:100%;text-align:center}}@media (max-width: 480px){.project-detail-title-row{flex-direction:column;align-items:flex-start;gap:12px}.project-detail-actions{width:100%;justify-content:flex-end}.project-detail-dates{flex-direction:column;align-items:flex-start;gap:4px}.date-separator{display:none}.experiment-tree-placeholder,.eval-showcase-placeholder{padding:30px 16px}}