:host{display:block;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body,:host{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}.btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid rgba(239,68,68,.3);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.btn.danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px)}.container{display:flex;min-height:calc(100vh - 80px)}.sidebar{width:250px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(51,65,85,.3);padding:2rem 1rem;transition:all .3s}.nav-item{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;width:100%;text-align:left;margin-bottom:.5rem}.nav-item:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translate(4px)}.main-content{flex:1;padding:2rem}.project-card{background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(51,65,85,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s;animation:fadeInUp .6s ease-out}.project-card:hover{border-color:#3b82f680;box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.section-title{color:#e2e8f0;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(51,65,85,.3)}.projects-header{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.project-field{color:#94a3b8;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.project-value{color:#e2e8f0;font-size:1rem;font-weight:500;margin-bottom:1rem}.project-item{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left;padding:1rem;background:#0f172a99;border:1px solid rgba(51,65,85,.3);border-radius:8px;cursor:pointer;transition:all .3s;margin-bottom:.75rem}.project-item:hover{background:#1e293bcc;border-color:#3b82f666;transform:translate(4px)}.project-name{color:#e2e8f0;font-size:1rem;font-weight:600}.last-updated{color:#e2e8f0;font-size:.9rem;font-family:Courier New,monospace;text-align:left}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.projects-header{grid-template-columns:1fr 1fr;gap:1rem}.project-item{grid-template-columns:1fr 1fr;gap:.5rem;text-align:left}.last-updated{text-align:left}.main-content{padding:1.5rem}}@media (max-width: 768px){.sidebar{position:fixed;left:-250px;top:80px;height:calc(100vh - 80px);z-index:90;transition:left .3s}.sidebar.open{left:0}.container{flex-direction:column}.projects-header{grid-template-columns:1fr 1fr;gap:1rem}.project-item{grid-template-columns:1fr 1fr;gap:.5rem}.last-updated{text-align:left}}@media (max-width: 480px){.header{padding:.75rem}.main-content,.project-card{padding:1rem}.user-email{font-size:.75rem}}