.section{max-width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.section-header h2{font-size:1.5rem;color:#f0f0f0;margin:0}.btn{padding:.6rem 1.2rem;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;gap:.5rem;align-items:center;white-space:nowrap}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:#ff2c5c;border-color:#ff2c5c}.btn-success{background:#10b981;color:#fff;border-color:#10b981}.btn-success:hover{background:#059669}.btn-secondary{background:var(--color-violet-cyan);color:#fff;border-color:var(--color-violet-cyan)}.btn-secondary:hover{background:#0f4880}.btn-icon{padding:.4rem .6rem;background:transparent;border:1px solid var(--color-muted);color:var(--color-muted);cursor:pointer;border-radius:3px;display:flex;align-items:center;gap:.3rem;transition:all .15s ease}.btn-icon:hover{background:var(--color-lapis);border-color:var(--color-cyan);color:var(--color-cyan)}.btn-icon.btn-danger{border-color:var(--color-accent);color:var(--color-accent)}.btn-icon.btn-danger:hover{background:var(--color-accent);color:#fff}.form-card{background:var(--color-lapis);border:1px solid var(--color-violet-cyan);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.form-card h3{margin-bottom:1rem;color:var(--color-cyan);font-size:1.1rem}.form-input{width:100%;padding:.75rem;margin-bottom:1rem;background:var(--color-graphite);border:1px solid var(--color-violet-cyan);color:#f0f0f0;border-radius:4px;font-family:inherit;font-size:.95rem}.form-input:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 0 3px #00d9ff1a}.form-select{width:100%;padding:.75rem;margin-bottom:1rem;background:var(--color-graphite);border:1px solid var(--color-violet-cyan);color:#f0f0f0;border-radius:4px;font-family:inherit;font-size:.95rem}.form-select:focus{outline:none;border-color:var(--color-cyan)}.form-actions{display:flex;gap:1rem}.list{display:flex;flex-direction:column;gap:1rem}.list-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-lapis);border:1px solid var(--color-violet-cyan);border-radius:6px;padding:1rem;gap:1rem}.list-item-content{flex:1;min-width:0}.list-item-content h4{margin:0;color:var(--color-cyan);font-size:1rem;font-weight:600}.list-item-content p{margin:.3rem 0 0;color:var(--color-muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-actions{display:flex;gap:.5rem;flex-shrink:0}.empty-state{text-align:center;padding:2rem;color:var(--color-muted);font-style:italic}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-lapis);border:1px solid var(--color-violet-cyan);border-radius:6px;padding:1.5rem;text-align:center}.stat-card.pending{border-color:var(--color-accent);background:#e945601a}.stat-value{font-size:2rem;font-weight:700;color:var(--color-cyan);margin-bottom:.5rem}.stat-card.pending .stat-value{color:var(--color-accent)}.stat-label{font-size:.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch}.section-header .btn{justify-content:center}.list-item{flex-direction:column;align-items:flex-start}.list-item-actions{width:100%;justify-content:flex-end}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.intro-text{color:var(--color-muted);margin-bottom:2rem;font-size:.95rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.tool-card{background:var(--color-lapis);border:1px solid var(--color-violet-cyan);border-left:4px solid;border-radius:6px;padding:1.5rem;transition:all .2s ease}.tool-card:hover{transform:translateY(-4px);border-color:var(--color-cyan);box-shadow:0 8px 24px #00d9ff26}.tool-header{margin-bottom:1rem}.tool-header h3{margin:0;color:var(--color-cyan);font-size:1.2rem;font-weight:600}.tool-subtitle{display:block;color:var(--color-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.tool-description{color:var(--color-muted);margin:1rem 0;font-size:.9rem;line-height:1.6}.tool-link{display:inline-flex;gap:.5rem;align-items:center;padding:.6rem 1rem;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:4px;font-size:.9rem;font-weight:500;transition:all .15s ease}.tool-link:hover{background:#ff2c5c;gap:.75rem}.info-box{background:#00d9ff1a;border:1px solid var(--color-cyan);border-radius:6px;padding:1.5rem;margin-top:2rem}.info-box h4{margin:0 0 .5rem;color:var(--color-cyan);font-size:1rem}.info-box p{margin:0;color:var(--color-muted);line-height:1.6}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr}.tool-card{border-left-width:3px}}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.data-card{background:var(--color-lapis);border:1px solid var(--color-violet-cyan);border-radius:6px;padding:1.5rem;text-align:center}.data-card h3{color:var(--color-cyan);margin:0 0 .5rem;font-size:1.1rem}.data-card p{color:var(--color-muted);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.message-box{background:#10b9811a;border:1px solid #10b981;border-radius:4px;padding:1rem;margin-bottom:1.5rem;color:#10b981;font-size:.9rem}.info-box{background:#00d9ff1a;border:1px solid var(--color-cyan);border-radius:6px;padding:1.5rem}.info-box h4{margin:0 0 1rem;color:var(--color-cyan);font-size:1rem}.info-box ul{margin:0;padding-left:1.5rem;color:var(--color-muted);font-size:.9rem;line-height:1.8}.info-box li{margin-bottom:.5rem}@media (max-width: 768px){.data-grid{grid-template-columns:1fr}}:root{--color-graphite: #1a1a2e;--color-lapis: #16213e;--color-violet-cyan: #0f3460;--color-accent: #e94560;--color-cyan: #00d9ff;--color-muted: #a0aec0;--color-bg-dark: #0f0f1e}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg-dark);color:#f0f0f0;line-height:1.5}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{padding:1.5rem;background:linear-gradient(135deg,var(--color-graphite) 0%,var(--color-lapis) 100%);border-bottom:2px solid var(--color-violet-cyan);text-align:center}.app-header h1{font-size:1.8rem;font-weight:700;color:var(--color-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.subtitle{font-size:.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.app-nav{display:flex;overflow-x:auto;background:var(--color-graphite);border-bottom:1px solid var(--color-violet-cyan);padding:.5rem;gap:.25rem}.nav-btn{padding:.6rem 1rem;background:transparent;border:1px solid var(--color-violet-cyan);color:var(--color-muted);cursor:pointer;font-size:.85rem;font-weight:500;text-transform:uppercase;white-space:nowrap;transition:all .2s ease;border-radius:4px}.nav-btn:hover{background:var(--color-violet-cyan);color:var(--color-cyan);border-color:var(--color-cyan)}.nav-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.app-main{flex:1;overflow-y:auto;padding:1.5rem}.app-footer{padding:1rem;background:var(--color-graphite);border-top:1px solid var(--color-violet-cyan);text-align:center;font-size:.8rem;color:var(--color-muted)}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--color-bg-dark)}.loading-card{text-align:center}.loading-card h1{color:var(--color-cyan);margin-bottom:1rem}.loading-card p{color:var(--color-muted)}@media (max-width: 768px){.app-header h1{font-size:1.5rem}.nav-btn{padding:.5rem .75rem;font-size:.75rem}.app-main{padding:1rem}}