*,:before,:after{box-sizing:border-box}body{color:#e5e7eb;background-color:#0f172a;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-container{background:linear-gradient(#020617,#1e293b);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.header{text-align:center;background:#020617;border-bottom:1px solid #1f2937;padding:16px}.header-title{color:#f9fafb;margin:0;font-size:1.4rem}.header-subtitle{color:#9ca3af;margin:4px 0 0;font-size:.9rem}.nav-tabs{background-color:#020617;gap:8px;padding:8px 12px;display:flex}.tab{color:#e5e7eb;background-color:#0000;border:1px solid #1f2937;border-radius:999px;flex:1;padding:8px 12px;font-size:.9rem}.tab.active{color:#022c22;background:#22c55e;border-color:#16a34a}.main-content{flex:1;padding:12px}.form{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input{color:#e5e7eb;background-color:#020617;border:1px solid #374151;border-radius:8px;padding:8px 10px;font-size:.9rem}.input::placeholder{color:#6b7280}.btn{cursor:pointer;border:none;border-radius:999px;padding:8px 12px;font-size:.9rem}.btn-primary{color:#022c22;background:#22c55e}.btn-danger{color:#fef2f2;background:#ef4444}.cards-grid{flex-direction:column;gap:10px;display:flex}.card{background-color:#020617;border:1px solid #1f2937;border-radius:12px;padding:10px 12px}.card-title{color:#f9fafb;margin:0 0 6px;font-size:1rem}.card-text{color:#d1d5db;margin:2px 0;font-size:.85rem}.section-title{color:#f9fafb;margin:4px 0 10px;font-size:1.1rem}@media (width>=768px){.app-container{border-radius:24px;margin-top:24px;box-shadow:0 20px 40px #0006}}.app-container{width:100%;min-height:100vh}@media (width>=768px){body{background:radial-gradient(circle at top,#1f2933 0,#020617 55%);justify-content:center;align-items:flex-start;display:flex}.app-container{border-radius:24px;width:420px;min-height:640px;margin-top:40px;overflow:hidden;box-shadow:0 20px 40px #00000080}}@media (width<=360px){.header,.main-content{padding-inline:8px}}