*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111827;color:#f9fafb;height:100vh}#root{height:100vh}.app{display:flex;height:100vh}.sidebar{width:200px;background:#1f2937;display:flex;flex-direction:column;padding:24px 16px;gap:4px;border-right:1px solid #374151;flex-shrink:0}.logo{font-size:18px;font-weight:700;color:#f9fafb;padding:8px 12px;margin-bottom:16px}.nav-link{display:block;padding:10px 12px;border-radius:8px;color:#9ca3af;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:#374151;color:#f9fafb}.nav-link.active{background:#7c3aed;color:#fff}.content{flex:1;overflow-y:auto;padding:32px}.content>*{max-width:900px}h1{font-size:24px;font-weight:700;margin-bottom:24px}.card{background:#1f2937;border-radius:12px;padding:16px 20px;margin-bottom:12px;cursor:pointer;transition:background .15s}.card:hover{background:#374151}.card-title{font-size:16px;font-weight:600;color:#f9fafb}.card-sub{font-size:13px;color:#9ca3af;margin-top:4px}.card-meta{font-size:12px;color:#6b7280;margin-top:2px}.card-row{display:flex;justify-content:space-between;align-items:center}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;color:#fff}.badge-active{background:#10b981}.badge-completed{background:#7c3aed}.badge-paused{background:#f59e0b}.badge-frogged{background:#ef4444}.color-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0}.empty{color:#6b7280;text-align:center;margin-top:60px;font-size:15px}.btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:#7c3aed;color:#fff}.btn-secondary{background:#374151;color:#f9fafb}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}